/************************************************************************
 * 파일명	:common.css
 * 설명	:공통 CSS
 * 작성일	:2017.09.18
************************************************************************/


/* common */
*	{margin:0; padding:0;}
html	{min-height:100%}
html.hidden	{overflow:hidden; /*height:100%*/}
html.hidden body	{overflow:hidden; /*height:100%*/}
html.hidden #wrapper	{overflow:hidden; /*height:100%*/}
body	{overflow-y:scroll; color:#717171; font-size:14px; font-family:'Noto Sans'; font-weight: 400;line-height:1.3; font-size:14px; -webkit-text-size-adjust:none; word-spacing:0; letter-spacing:-0.4px}

a			{color:#2b2b2b; text-decoration:none}
a:visited	{text-decoration:none}
a:hover	{text-decoration:none}
a:active	{text-decoration:none}

img	{border:0 none;}
ol,	ul/*,	li*/	{list-style-type:none}
h1,	h2,	h3,	h4,	h5,	h6	{font-weight:normal}
hr	{border:0; border-top:1px solid #dedede}
table th	{font-weight:normal}
span.select {overflow:hidden;}

/* 정렬 */
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both; height:0; font-size:0; line-height:0}

.al_left	{text-align:left !important}
.al_center	{text-align:center}
.al_right	{text-align:right !important}
.al_justify  {text-align:justify}

.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}
.none	{display:none !important}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel	{position:relative}

.clfix:after	{content:"."; display:block; height:0px; clear:both; visibility:hidden}
.clfix	{display:inline-block}
.clfix	{display:block}
* html	.clfix	{height:1%} /* Hides from IE-mac */
.clfix	{zoom:1} /*for IE 5.5-7*/

.desc {font-size:14px;}

/* form */
fieldset	{border:0 none}
label	{}
input	{box-sizing:border-box; -moz-box-sizing:border-box;}
input[type='text'],	input[type='password']	{height:40px; margin:0; padding:3px 9px 3px 9px; border:1px solid #ddd; background:#f9f9f9; color:#666666; font-size:13px; line-height:40px; vertical-align:middle;}
input[type='text'],	input[type='password']	{-webkit-border-radius:0; -webkit-appearance:none; outline:none}
input[type='text']:disabled	{background:#f8f8f8}
input[type='text']:focus,	input[type='password']:focus	{border:1px solid #bbb}
input[type=submit], input[type=button]	{cursor:pointer}
::-webkit-input-placeholder	{padding:2px 0 0 0; color:#bebebe; line-height:13px; box-sizing:border-box; -moz-box-sizing:border-box;}
:-ms-input-placeholder {color:#bebebe;}
input[placeholder]	{line-height:1em !important}


.chk {display:inline-block; margin-right:17px; line-height:24px; font-size:14px;}
.chk label	{display:block; padding-left:22px; background:url('../images/common/bg_chk.png') no-repeat 4px center; color:#414141}
.chk label:hover	{color:#414141}
.chk input[type=checkbox]	{position:absolute; left:-9999px; visibility:hidden;}
.chk input[type=checkbox]:checked + label	{background:url('../images/common/bg_chk_on.png') no-repeat 4px center; color:#414141}

.chk.bg label	{background:url('../images/common/bg_chk_th.png') no-repeat 4px center;}
.chk.bg input[type=checkbox]:checked + label	{background:url('../images/common/bg_chk_th_on.png') no-repeat 4px center;}

.rdo	{display:inline-block; margin-right:10px; width:auto; color:#414141; line-height:24px; font-size:14px;}
.rdo label	{display:block; padding-left:25px; background:url('../images/common/bg_rdo_new.png') no-repeat 4px center; color:#414141}
.rdo label:hover	{color:#888}
.rdo input[type=radio]	{position:absolute; left:-9999px; visibility:hidden;}
.rdo input[type=radio]:checked + label	{background:url('../images/common/bg_rdo_on_new.png') no-repeat 4px center; color:#414141}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle}
input.txt:focus	{border-color:#000}
select	{margin:0; border:1px solid #999; /* line-height:22px; height:22px; */ color:#414141; font-weight:normal;}

.select {display:inline-block; position:relative; padding:0; height:38px; border:1px solid #e0e0e0; background:#f9f9f9}
.select:after	{content:""; display:block; position:absolute; right:7px; top:50%; margin-top:-4px; width:13px; height:8px; background:url('../images/content/icon_select_arr.png') no-repeat center center; background-size:10px auto;}
/* .select label {position:absolute; top:0px; right:20px; bottom:0; left:10px; color:lightcoral; font-size:14px; line-height:38px; text-align:left;} */
/* .select select {position:relative; z-index:1; padding:0 4px; width:100%; height:30px; line-height:30px; vertical-align:top; opacity:0; filter:alpha(opacity=0);} */

.select.type2	{background-color:#fff}
.select.type2	select	{background-color:#fff}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
input.chk.mlr	{margin:0 5px 0 16px}
.b_chk	{display:inline-block; width:13px; height:13px; margin-left:7px; background:#e6e6e6; cursor:pointer;}
.b_rdo	{display:inline-block; width:13px; height:13px; margin:2px 3px 0 4px; cursor:pointer;}
textarea	{padding:9px; border:1px solid #ddd; background:#fff; color:#888; font-size:12px; font-family:'맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; overflow-y:auto; resize:none; -webkit-appearance:none; outline:none; box-sizing:border-box; -moz-box-sizing:border-box;}
textarea:focus	{border-color:#bbb}

/* font */
.f_0	{font-size:0}
.f_12	{font-size:12px}

.f_normal	{font-weight:normal}
.f_strong	{font-weight:bold}
.f_italic	{font-style:italic}

.fc_blue	{color:#3158bc !important}
.fc_sky		{color:#009cef !important}
.fc_green	{color:#589b00 !important}
.fc_defult	{color:#262626 !important}
.fc_gray	{color:#a6a6a6 !important}
.fc_org		{color:#ff3c00 !important}
.fc_red		{color:#ff3c00 !important}
.fc_black 	{color:#333333 !important}

/* background */
.bg_gray 		{background-color:#979797 !important;}
.bg_gray_thick	{background-color:#575757 !important;}
.bg_blue 		{background-color:#2898a3 !important;}
.bg_green		{background-color:#43983b !important;}

/* space */
.mt0	{margin-top:0 !important}
.mt5	{margin-top:5px !important}
.mt10	{margin-top:10px !important}
.mt15	{margin-top:15px !important}
.mt20	{margin-top:20px !important}
.mt30	{margin-top:30px !important}
.mt40	{margin-top:40px !important}

.mb5    {margin-bottom:5px !important}
.mb40	{margin-bottom:40px !important}

.mr5	{margin-right:5px !important}
.mr10	{margin-right:10px !important}

.ml8	{margin-left:8px !important}
.fml	{margin-left:10px !important}

.select.mr15	{margin-right:16px !important}

/* rollover */
a.rollover img    {display:inline;}
a.rollover img.over    {display:none;}
a.rollover img.on   {display:none;}
a.rollover:hover    {border:0; cursor:pointer}
a.rollover:hover img     {display:none;}
a.rollover:hover img.over   {display:inline;}
a.rollover:hover img.on     {display:none;}

/* layout */
.skip_nav a			{display:block; position:absolute; z-index:100; top:-1000em; left:0; padding:10px; background-color:#000; color:#fff; text-align:center}
.skip_nav a:focus	{position:relative; top:0; width:100%; height:auto; margin:0; padding:10px;}

#wrapper	{/* position:relative; */ width:100%; margin:0; padding:0;/*  background-color:#e8eaef; */}
#wrapper #container	{position:relative; padding:0 0 100px 0;}
#wrapper #container .content	{margin:30px auto 0 auto; padding:0 0 0 250px; width:935px; min-height:700px}

/* GNB */
#wrapper #header	{position:relative; z-index:100; /* height:145px; */}
#wrapper #header .header_top	{position:relative; margin:0 auto;/*  width:1080px; */}

#wrapper #header h1	{position:relative; z-index:10; padding:26px 0 29px 0}

#wrapper #header .util_menu ul	{line-height:0}
#wrapper #header .util_menu ul:after	{content:""; display:block; clear:both}
#wrapper #header .util_menu ul li	{position:relative; float:left; margin-left:12px}
#wrapper #header .util_menu ul li:after	{content:""; display:block; position:absolute; top:10px; left:-7px; width:1px; height:2px; background:#666;}
#wrapper #header .util_menu ul li:first-child	{margin-left:0}
#wrapper #header .util_menu ul li:first-child:after	{display:none}
#wrapper #header .util_menu ul li a	{display:block; position:relative; color:#666; font-size:13px; line-height:20px; font-family: 'Pretendard'; font-weight: 400;}
#wrapper #header .util_menu ul li a:hover	{text-decoration:underline}

#wrapper #header nav	{position:relative; background:#3158bc}
#wrapper #header nav .nav_wrap	{margin:0 auto; width:1080px; /* text-align:center */}
#wrapper #header nav .nav_wrap .logo	{display:none}
#wrapper #header nav .nav_wrap ul	{position:relative; padding:0 45px 0 0; font-size:0}
#wrapper #header nav .nav_wrap ul:after	{content:""; display:block; clear:both}
#wrapper #header nav .nav_wrap .btn_menu.on	{background:url('../images/common/bg_nav_btn.png') no-repeat 0 -45px}

#wrapper #header nav .sub_wrap	{display:none; position:absolute; top:45px; right:0; left:0; padding:25px 0 30px 0; background:#fff}
#wrapper #header nav .sub_wrap .depth	{margin:0 auto; padding-right:45px; width:1030px}
#wrapper #header nav .sub_wrap .depth:after	{content:""; display:block; clear:both}
#wrapper #header nav .sub_wrap .depth ul	{position:relative; float:left; margin:0 0 0 -1px; padding:47px 0 0 0; width:25%; min-height:197px; border-left:1px solid #edeef2}
#wrapper #header nav .sub_wrap .depth ul:after	{position:absolute; top:-8px; right:0; left:0; height:46px;}
#wrapper #header nav .sub_wrap .depth ul li	{float:none; width:auto; text-align:left}
#wrapper #header nav .sub_wrap .depth ul li a	{display:inline-block; color:#414141; font-size:15px; line-height:30px; font-weight:normal; text-align:left;}
#wrapper #header nav .sub_wrap .depth ul li a:hover	{background:none; text-decoration:underline}

#wrapper #header nav .sub_wrap .depth ul.s01	{margin:0; border:0;}
#wrapper #header nav .sub_wrap .depth ul.s01:after	{background:url('../images/common/bg_nav_s01.gif') no-repeat center 0}
#wrapper #header nav .sub_wrap .depth ul.s02:after	{background:url('../images/common/bg_nav_s02.gif') no-repeat center 0}
#wrapper #header nav .sub_wrap .depth ul.s03:after	{background:url('../images/common/bg_nav_s03.gif') no-repeat center 0}
#wrapper #header nav .sub_wrap .depth ul.s04:after	{background:url('../images/common/bg_nav_s04.gif') no-repeat center 0}

#wrapper #header nav .sub_wrap .depth ul.s01 li	{padding-left:60px;}
#wrapper #header nav .sub_wrap .depth ul.s02 li	{padding-left:35px;}
#wrapper #header nav .sub_wrap .depth ul.s03 li	{padding-left:42px;}
#wrapper #header nav .sub_wrap .depth ul.s04 li	{padding-left:86px;}

#wrapper #header .dim_header	{display:none; position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.6)}

/* Sub 공통 */
.sub_top	{position:relative; height:119px;}
.sub_top .info	{position:relative; margin:0 auto; /*width:1080px*/}
.sub_top .info p span	{display:inline-block; font-weight:bold}
.sub_top .info p span em	{display:inline-block; padding-top:9px; background:url('../images/common/dot_txt_top.png') repeat-x -13px 0; font-style:normal}

.location ul:after	{content:""; display:block; clear:both}

.brd	{border:1px solid #d8dfea; background:#fff}
.img	{display:block; font-size:0; line-height:0}
.no_tbr {border-top:none !important}
.no_bbr {border-bottom:none !important}


/* 컨텐츠 공통 */
.top_title	{padding:27px 30px; border:1px solid #d8dfea; background:#fff}
.top_title h2	{color:#3158bc; font-size:32px; font-weight:bold}
.top_title h2 span	{display:inline-block; position:relative; margin-left:15px; padding-left:17px; color:#d2dbe2; font-size:24px; font-weight:normal; line-height:34px;}
.top_title h2 span.type_b	{font-size:15px; line-height:18px; vertical-align:middle;}
.top_title h2 span:after	{content:""; display:block; position:absolute; top:9px; left:0; width:1px; height:19px; background:#d8dfea}
.top_title p.h_info	{margin-bottom:5px; color:#414141; font-size:16px; font-weight:bold; line-height:20px;}
.top_title p.desc		{margin-top:5px; color:#717171; font-size:14px; line-height:20px;}


/* 공통 팝업 */


/*new 공통 팝업 */
.layer_popup .tit_wrap	{background:#43983b; }
.layer_popup .tit_wrap h1	{padding:0 20px; color:#fff; font-size:19px; font-weight:700; line-height:45px}
.layer_popup .tit_wrap h1 em	{display:inline-block; position:relative; margin-left:11px; padding-left:11px; font-size:14px; font-weight:normal; font-style:normal}
.layer_popup .tit_wrap h1 em:after	{content:""; display:block; position:absolute; top:15px; left:0; width:1px; height:16px; background:#98acde}
.layer_popup .pop_content	{background:#f6f6f6 url(../images/main/bg_pop_iss_new_white.png) no-repeat 0 0; background-size:cover;}
.layer_popup .btn_closed	{display:block; position:absolute; top:12px; right:15px; width:22px; height:22px; background:url('../images/common/btn_closed_pop_green.png') no-repeat 0 0}
.layer_popup .btn_closed_noclick	{display:block; position:absolute; top:12px; right:15px; width:22px; height:22px; background:url('../images/common/btn_closed_pop_green.png') no-repeat 0 0}

.layer_popup_new .btn_closed {display:block; position:absolute; top:12px; right:15px; width:22px; height:22px; background:#ffffff url(../images/common/btn_closed_pop_green.png) no-repeat 0 0;}

.pop_dim	{display:none; position:fixed; z-index:900; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0 ,0.4)}


/* 타이틀 레벨 */
.h1	{}
.h_tit {padding-left:20px; background:url('../images/common/bul_h_tit.png') no-repeat 0 9px; color:#3158bc; font-size:18px; font-weight:bold; line-height:26px}
.h_desc	{}

.h_tit.p_tit {padding-left:0px; background:url();}
.h_tit.dot-green-l {background:url();}

/* Tab */
.tab_wrap	{margin-top:15px}
.tab_wrap ul	{overflow:hidden; height:1%;}
.tab_wrap ul li	{position:relative; float:left;width:14.2857%}
.tab_wrap ul li > a	{display:block; border:1px solid #d5ddea; border-right:0; background:#fff; color:#414141; font-size:14px; line-height:48px; text-align:center;}
.tab_wrap ul li > a:hover	{background:#3158bc; color:#fff}
.tab_wrap ul li:last-child > a	{border-right:1px solid #d5ddea}
.tab_wrap ul li.on	{z-index:10}
.tab_wrap ul li.on > a	{background:#42983b; color:#fff; font-weight:bold; font-size:15px;}

.tab_wrap ul li .tab_cont	{display:none; margin-top:60px; width:700%;}
.tab_wrap ul li.on .tab_cont	{display:block}

.tab_wrap.t03 ul li	{width:33.33333333%}
.tab_wrap.t06 ul li	{width:16.6666%}

/* button */
button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; font-family:'Noto Sans';}
button.dis,
button.dis	span	{cursor:default}
button.dis:hover	span	{background-position:0 0}
button.dis:hover	span	span	{background-position:right 0}

.btn_base	{position:relative; display:inline-block; padding:0 10px; min-width:130px; color:#fff; background:#3158bc; font-size:14px; font-weight:500; line-height:40px; text-align:center; vertical-align:middle;}
.btn_base.gray		{background:#5d6b87}
.btn_base.green	{background:#42983b}
.btn_base.red		{background:#e15f61}
.btn_base.org	{background:#cc9031}
.btn_base.sky	{background:#009cef}

.btn_base.big	{height:50px; font-size:16px; line-height:50px}
.btn_base.big.down	{padding:0 46px 0 28px}
.btn_base.big.down:after	{content:""; display:block; position:absolute; top:17px; right:19px; width:19px; height:18px; background:url('../images/common/btn_down_big.png') no-repeat 0 0}
.btn_base.big.go	{padding:0 65px 0 45px}
.btn_base.big.go:after	{content:""; display:block; position:absolute; top:17px; right:34px; width:21px; height:19px; background:url('../images/common/btn_go_big.png') no-repeat 0 0}
.btn_base.big.print	{padding:0 45px 0 18px; height:62px; line-height:62px}
.btn_base.big.print:after	{content:""; display:block; position:absolute; top:21px; right:16px; width:22px; height:22px; background:url('../images/common/btn_print_big.png') no-repeat 0 0}

.btn_base.small	{padding:0 5px; height:18px; font-size:11px; line-height:18px}

.btn_base.mid	{min-width:70px; padding:0 5px; height:35px; font-size:14px; line-height:35px}

.btn_base.s_down	{padding:0 18px 0 5px; height:18px; background:#71bf44; font-size:11px; line-height:18px}
.btn_base.s_down:after	{content:""; display:block; position:absolute; top:4px; right:4px; width:12px; height:11px; background:url('../images/common/btn_down_small.png') no-repeat 0 0}

.btn_stay	{display:inline-block; padding:0 8px 0 21px; width:auto; height:23px; background:#2898a3 url('../images/common/btn_stay_small_new.png') no-repeat 6px 4px; color:#fff; font-size:12px; line-height:23px; text-align:center; margin-left:20px;}
.btn_txt	{display:inline-block; padding:0 10px; font-size:14px; line-height:34px; color:#fff !important; background:#c1c1c1; vertical-align:middle}
.btn_down	{position:relative; padding-right:26px; font-size:16px; line-height:24px}
.btn_down:after	{content:""; display:block; position:absolute; top:50%; right:0; width:18px; height:18px; margin-top:-9px; background:url('../images/common/icon_activity.png') no-repeat 0 0; background-position:0 -83px}


/* Button Align */
.btn_wrap	{margin-top:20px; text-align:center; font-size:0; line-height:0;}
.btn_wrap .btn_base	{margin-left:10px}
.btn_wrap .btn_base:first-child	{margin-left:0 !important}
.btn_wrap:after	{content:""; display:block; clear:both}
.btn_wrap.side	{text-align:right}
.btn_wrap.side button	{display:inline-block;}
.btn_wrap.side button:first-child	{float:left}

.btn_wrap.right	{font-size:0; line-height:0; text-align:right}
.btn_wrap.right a	{float:none; margin:0 0 0 5px;}
.btn_wrap.right a:first-child	{margin:0}
.btn_wrap.right button	{float:none; margin:0 0 0 5px;}
.btn_wrap.right button:first-child	{margin:0}

.btn_wrap.left	{text-align:left}

.btn_wrap .fl_left	{}
.btn_wrap .fl_left .btn_base	{margin-left:5px}
.btn_wrap .fl_right	{}
.btn_wrap .fl_right .btn_base	{margin-left:5px}


/* bullet list */
.bul_list	{}
.bul_list li	{position:relative; padding-left:10px; color:#888; line-height:20px}
.bul_list li:first-child	{margin-top:0}
.bul_list li .bul	{display:inline-block; position:absolute; top:0; left:0; font-weight:400}

/* list type */
dl:after	{content:""; display:block; clear:both}
dl.round	{position:relative; padding-bottom:5px; padding-left:100px; min-height:26px}
dl.round dt	{position:absolute; top:0; left:0; width:90px; background:#eaeef4; color:#414141; font-size:14px; font-weight:bold; line-height:26px; text-align:center; border-radius:13px}
dl.round dd	{padding-top:4px; color:#414141; font-size:14px; line-height:18px;}
dl.round dd .bul	{margin-top:-1px}
dl.round dd .bul li	{line-height:22px}
dl.round dd .bul.w50	{margin-top:5px;}
dl.round dd .bul.w50:after	{content:""; display:block; clear:both}
dl.round dd .bul.w50 li	{float:left; width:315px}
dl.round.type_b	{padding-left:140px}
dl.round.type_b dt	{width:130px}

dl.bul	{position:relative; margin-top:5px; padding-left:105px}
dl.bul dt	{position:absolute; top:0; left:0; padding-left:9px; width:81px; background:url('../images/common/bul_4_4.gif') no-repeat 0 8px; color:#414141; font-size:14px; font-weight:bold; line-height:18px;}
dl.bul dt .cl	{float:right}
dl.bul dd	{color:#414141; font-size:14px; line-height:18px;}
dl.bul dd .cl	{display:inline-block; width:14px;}
dl.bul.type_b	{padding-left:82px}
dl.bul.type_b dt	{width:66px;}

ul.bul	{position:relative; margin-top:6px;}
ul.bul li	{padding-left:9px; font-size: 17px; color:#414141; line-height:28px;}
ul.bul li ul	{margin:3px 0;}
ul.bul li ul li	{position:relative; padding:0; background:none;}
ul.bul li ul li.dash	{padding-left:9px; font-size: 14px;}
ul.bul li ul li.dash .bul	{position:absolute; top:0; left:0}

li.bill	{position:relative; margin-top:5px;  padding-left:13px !important; line-height:16px !important;}
li.bill .bul	{position:absolute; top:1px; left:-1px;}

p.bul	{position:relative; padding-left:9px; background:url('../images/common/bul_4_4.gif') no-repeat 0 9px; color:#414141; font-size:14px; line-height:20px;}


/* table */
table	{width:100%; border:0 none; border-collapse:collapse; border-spacing:0}
table	caption	{width:0; height:0; line-height:0px; visibility:hidden}
table	th,	table	td	{border:0 none}

.table_wrap	{margin-top:15px;}
.table_wrap .t_right	{margin-top:-40px; margin-bottom:8px; font-size:15px; font-weight:300; line-height:30px; text-align:right}
.table_wrap .t_right span	{margin-left:30px}
.table_wrap .t_right span em	{color:#589b00; font-style:normal}

/* .table_wrap table	{border-bottom:2px solid #d5ddea;} */
.table_wrap table th,
.table_wrap table td	{vertical-align:middle}
.table_wrap table thead tr th	{padding:7px 0; height:22px; background:#8597b1; color:#fff; font-size:14px; font-weight:bold; line-height:22px; text-align:center;}
.table_wrap table thead tr th span	{display:block; position:relative;}

.table_wrap table tbody tr td	{padding:9px; height:20px; border-top:1px solid #eaeef4; color:#2a2a2a; line-height:20px; text-align:center; word-break:keep-all;}
.table_wrap table tbody tr:first-child td	{border-top:0}
.table_wrap table tbody tr td.al_left	{padding:9px 6px; text-align:center}
.table_wrap table tbody tr td .btn_s	{margin:-2px 0}
.table_wrap table tbody tr td .pic	{display:inline-block; width:90px; height:105px; background:url('../images/content/bg_pic_info.jpg') no-repeat 0 0; font-size:0; line-height:0; vertical-align:middle}

/*.table_wrap.form table	{border-top:2px solid #646464}
.table_wrap.form table tbody tr th	{padding:6px 0; height:22px; border-top:1px solid #eaeef4; background:#8597b1; color:#fff; font-size:14px; font-weight:500; line-height:28px} */
.table_wrap.form table	{border-top:2px solid #646464; border-bottom:1px solid #efefef;}
.table_wrap.form table tbody tr th	{height:22px; border-top:1px solid #eaeef4; background: #42983b; padding: 8px 0; color:#fff; font-size:14px; font-weight:500; line-height:28px}
.table_wrap.form table tbody tr td	{padding:6px 6px; height:22px; font-size:14px; line-height:28px; text-align:left}
.table_wrap.form table tbody tr td input	{height:29px; background:#f3f4f7; font-size:12px; line-height:23px; vertical-align:top}
.table_wrap.form table tbody tr td .select	{height:27px; background:#f3f4f7; line-height:27px; vertical-align:top}
.table_wrap.form table tbody tr td .select:after	{content:""; display:block; position:absolute; right:7px; top:50%; margin-top:-4px; width:13px; height:8px; background:url('../images/content/icon_select_arr.png') no-repeat center center; background-size:10px auto;}
.table_wrap.form table tbody tr td .select label {font-size:12px; line-height:27px;}
.table_wrap.form table tbody tr td .select select {height:27px; line-height:27px}
.table_wrap.form table tbody tr td .num_wrap	{font-size:0; line-height:0}
.table_wrap.form table tbody tr td .num_wrap .fmr	{margin:0 4px; font-size:14px; line-height:29px}
.table_wrap.form table tbody tr td .fma	{display:inline-block; margin:0 8px; vertical-align:top}
.table_wrap.form table tbody tr td .rdo	{line-height:29px}
.table_wrap.form table tbody tr td .rdo label	{background-position:4px 8px}
.table_wrap.form table tbody tr td .chk	{line-height:29px}
.table_wrap.form table tbody tr td .chk label	{background-position:4px 8px}
.table_wrap.form table tbody tr td .btn_calendar	{display:inline-block; margin-right:3px; width:30px; height:29px; background:url('../images/common/btn_calendar.jpg') no-repeat 0 0; vertical-align:top}
.table_wrap.form table tbody tr td .chk_wrap.mr0 .chk	{margin-right:0}
.table_wrap.form table tbody tr td .info	{position:relative;}
.table_wrap.form table tbody tr td .info dl:after	{content:""; display:block; clear:both}
.table_wrap.form table tbody tr td .info dl dt	{float:left; color:#717171; font-size:14px;}
.table_wrap.form table tbody tr td .info dl dd	{float:left; margin-left:9px; padding-left:10px; color:#717171; font-size:14px;}
.table_wrap.form table tbody tr td .info dl dd a.file	{position:relative; display:inline-block; color:#009cef; font-size:14px; line-height:28px}
.table_wrap.form table tbody tr td .info dl dd a:after	{content:""; display:block; position:absolute; top:0px; left:-10px; width:1px; height:100%; background:#d5ddea;}
.table_wrap.form table tbody tr td .info .hit	{position:absolute; top:0; right:0; color:#717171; font-size:14px}
.table_wrap.form table tbody tr td .info .hit em	{font-style:normal}
.table_wrap.form table tbody tr td .cont {padding:5px; min-height:270px; font-size:14px; line-height:22px; word-break:keep-all;}
.table_wrap.form table tbody tr td .textarea	{display:block; font-size:0; line-height:0}
.table_wrap.form table tbody tr td .textarea textarea	{color:#888; font-size:12px; background:#f3f4f7;}
.table_wrap.form table tbody tr td .address_wrap	{position:relative}
.table_wrap.form table tbody tr td .address_wrap input	{margin-top:6px}
.table_wrap.form table tbody tr td .address_wrap input:first-child	{margin-top:0}
.table_wrap.form table tbody tr td .address_wrap .btn_base	{position:absolute; top:0; right:0; padding:0 12px; height:29px; line-height:29px}
.table_wrap.form table tbody tr td div.file	{font-size:0; line-height:0}
.table_wrap.form table tbody tr td div.file button	{margin-left:5px; min-width:50px; height:29px; line-height:29px; vertical-align:top;}
.table_wrap.form table tbody tr td div.file .info	{display:inline-block; margin-left:10px; color:#009cef; font-size:14px; line-height:29px}
.table_wrap.form table .relative	{position:relative;}
.table_wrap.form table .relative .btn_m	{display:block; position:absolute; top:-6px; left:0; width:18px; height:18px; background:url('../images/content/btn_m.gif') no-repeat 0 0;}
.table_wrap.form table .relative .btn_del {display:block; position:absolute; top:-6px; left:0; width:49px; height:18px; background:url('../images/content/btn_del.png') no-repeat 0 0;}

.table_wrap.info	{}
.table_wrap.info table thead tr th	{padding:9px 0 10px 0; border-left:1px solid #eaeef4; line-height:18px}
.table_wrap.info table thead tr th:first-child	{border-left:0}
.table_wrap.info table tbody tr th	{border-top:1px solid #eaeef4; background:#d5ddea; color:#414141; font-size:14px; font-weight:bold}
.table_wrap.info table tbody tr:first-child th	{border-top:0}
.table_wrap.info table tbody tr td	{padding:12px 0; height:17px; line-height:17px}
.table_wrap.info table tbody tr td:first-child	{border-left:0}
.table_wrap.info table tbody tr td.bdl	{border-left:1px solid #eaeef4;}

.table_wrap.tbg	{position:relative; margin:0 -22px; padding:0 22px}
.table_wrap.tbg table	{position:relative}

.table_wrap.bul table tbody tr th	{padding:9px 0 9px 15px; border-top: 1px solid #d5ddea; background:#eaeef4; color:#414141; font-weight:normal; line-height:20px; vertical-align:top}
.table_wrap.bul table tbody tr th .bul	{display:block; padding-left:10px; background:url('../images/common/bul_4_4.gif') no-repeat 0 9px;}
.table_wrap.bul table tbody tr td	{padding:7px 8px; padding-left:15px; height:20px; line-height:20px}


/* 블릿 */
.bullet_list	{margin-top:15px}
.bullet_list li	{position:relative; padding-left:6px; color:#999 !important; font-size:11px; line-height:20px !important; }
.bullet_list li .bullet	{position:absolute; display:block; top:0; left:0; color:#999 !important; text-indent:-4px}
.bullet_list li ul	{padding:20px 0}
.bullet_list li ul li	{padding-left:0}


/* 페이징 */
.pager_wrap	{position:relative; margin-top:30px; font-size:0; line-height:0; text-align:center; letter-spacing:-10px}
.pager_wrap a	{display:inline-block; width:17px; height:17px; color:#666; vertical-align:top; letter-spacing:0}
.pager_wrap a:hover	{text-decoration:none}

.pager_wrap a.btn_page	{}
.pager_wrap a.btn_page:hover	{}
.pager_wrap a.btn_page.prev	{margin:0 21px 0 5px; background:url('../images/common/icn_page_prev.png') no-repeat 0 0;}
.pager_wrap a.btn_page.next	{margin:0 5px 0 21px; background:url('../images/common/icn_page_next.png') no-repeat 0 0;}
.pager_wrap a.btn_page.prev_block	{background:url('../images/common/icn_page_prev_block.png') no-repeat 0 0;}
.pager_wrap a.btn_page.next_block	{background:url('../images/common/icn_page_next_block.png') no-repeat 0 0;}

.pager_wrap .page	{display:inline-block; line-height:17px; text-align:center; vertical-align:top}
.pager_wrap .page a	{position:relative; width:26px; height:17px; margin:0; border:0; color:#ccc; font-size:14px; line-height:17px;}
.pager_wrap .page a:after	{content:""; display:block; position:absolute; top:8px; right:-1px; width:2px; height:2px; background:#ccc}
.pager_wrap .page a:hover	{color:#414141}
.pager_wrap .page a:first-child	{margin-left:0}
.pager_wrap .page a.on	{color:#414141; font-size:16px; text-decoration:none}
.pager_wrap .page a.on:after	{background:#5a5a5a}
.pager_wrap .page a:last-child:after	{display:none}

.bot_info	{margin-top:8px}
.bot_info li	{position:relative; padding-left:13px; color:#a6a6a6; font-size:13px; line-height:25px;}

/* Size */
.w20 		{width:20%;}
/* .w100		{display:block; line-height:0}
.w100 img	{width:100%;} */
.w100		{width:100%;}

.w20p {width:20px !important;}
.w45p {width:45px !important;}
.w50p {width:50px !important;}
.w53p {width:53px !important;}
.w55p {width:55px !important;}
.w60p {width:60px !important;}
.w61p {width:61px !important;}
.w65p {width:65px !important;}
.w68p {width:68px !important;}
.w70p {width:70px !important;}
.w71p {width:71px !important;}
.w72p {width:72px !important;}
.w73p {width:73px !important;}
.w75p {width:75px !important;}
.w76p {width:76px !important;}
.w80p {width:80px !important;}
.w83p {width:83px !important;}
.w85p {width:85px !important;}
.w90p {width:90px !important;}
.w100p {width:100px !important;}
.w104p {width:104px !important;}
.w105p {width:105px !important;}
.w110p {width:110px !important;}
.w115p {width:115px !important;}
.w120p {width:120px !important;}
.w121p {width:121px !important;}
.w123p {width:123px !important;}
.w125p {width:125px !important;}
.w128p {width:128px !important;}
.w130p {width:130px !important;}
.w140p {width:140px !important;}
.w145p {width:145px !important;}
.w150p {width:150px !important;}
.w160p {width:160px !important;}
.w165p {width:165px !important;}
.w170p {width:170px !important;}
.w171p {width:171px !important;}
.w175p {width:175px !important;}
.w180p {width:180px !important;}
.w190p {width:190px !important;}
.w197p {width:197px !important;}
.w200p {width:200px !important;}
.w205p {width:205px !important;}
.w210p {width:210px !important;}
.w220p {width:220px !important;}
.w225p {width:225px !important;}
.w240p {width:240px !important;}
.w243p {width:243px !important;}
.w250p {width:250px !important;}
.w252p {width:252px !important;}
.w254p {width:254px !important;}
.w270p {width:270px !important;}
.w272p {width:272px !important;}
.w275p {width:275px !important;}
.w280p {width:280px !important;}
.w290p {width:290px !important;}
.w295p {width:295px !important;}
.w298p {width:298px !important;}
.w300p {width:300px !important;}
.w302p {width:302px !important;}
.w330p {width:330px !important;}
.w345p {width:345px !important;}
.w410p {width:410px !important;}
.w411p {width:411px !important;}
.w500p {width:500px !important;}
.w630p {width:630px !important;}
.w642p {width:642px !important;}

.h100 {height:100% !important;}

.h25p {height:325px !important;}
.h30p {height:30px !important;}
.h68p {height:68px !important;}
.h115p {height:115px !important;}
.h200p {height:200px !important;}

.pc-hide{display:none !important;}


/*20190920*/
.br {display:block;}
/*header*/
/* #wrapper {background:url('../images/common/bg_header.png') repeat-x center 0; position:absolute;} */

#wrapper #header .header .header-util-wrap {margin:0 auto; background-color:#f7f7f7; padding: 0 20px; box-sizing: border-box;}
#wrapper #header .header .header-util-wrap .util-box {width: 100%; max-width:1400px; margin:0 auto; padding:7px 0 8px; box-sizing: border-box;}
#wrapper #header .header .header-util-wrap .util-box:after {content:""; display:block; clear:both;}
#wrapper #header .header .header-util-wrap .util-box .util_link {float:left;}
#wrapper #header .header .header-util-wrap .util-box .util_link ul li {float:left; margin-right:20px;}
#wrapper #header .header .header-util-wrap .util-box .util_link ul li:last-child {margin:0;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico1 {display:block; width:13px; height:16px; background:url('../images/common/blog.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico1:hover {background:url('../images/common/blog_hover.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico2 {display:block; width:13px; height:16px; background:url('../images/common/facebook.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico2:hover {background:url('../images/common/facebook_hover.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico3 {display:block; width:20px; height:16px; background:url('../images/common/twitter.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico3:hover {background:url('../images/common/twitter_hover.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico4 {display:block; width:16px; height:16px; background:url('../images/common/instagram.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico4:hover {background:url('../images/common/instagram_hover.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico5 {display:block; width:23px; height:16px; background:url('../images/common/youtube.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico5:hover {background:url('../images/common/youtube_hover.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico6 {display:block; width:23px; height:16px; background:url('../images/common/magazine.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_link .util-ico6:hover {background:url('../images/common/magazine_hover.png') no-repeat;}
#wrapper #header .header .header-util-wrap .util-box .util_menu {float:right;}
#wrapper #header .header .header-util-wrap .util-box .util_menu ul li {margin-left:24px; font-family:'Noto Sans'; font-weight:700;}
#wrapper #header .header .header-util-wrap .util-box .util_menu ul li:first-child:after {display:none;}
#wrapper #header .header .header-util-wrap .util-box .util_menu ul li:after{content:""; display:block; position:absolute; top:4px; left:-12px; width:1px; height:12px; background:#666;}
#wrapper #header .header .header_top_wrap {width:100%; background:white; padding: 0 20px; box-sizing: border-box;}
#wrapper #header .header .header_top_wrap .header_top {width: 100%; max-width:1400px; height:80px; margin:0 auto; box-sizing: border-box;}
#wrapper #header .header .header_top_wrap .header_top .header_logo {float:left;}
#wrapper #header .header .header_top_wrap .header_top .header_logo h1 {padding:0;}
#wrapper #header .header .header_top_wrap .header_top .header_logo a {display:block; width:320px; height:80px; background:url('../images/common/logo2.png') no-repeat 0 center;}
/*신규*/
#wrapper #header .header .header_top_wrap .header_top .btn-mod-menu {display:none}
#wrapper #header .header .header_top_wrap .header_top .search_wrap {float:right; height: 45px; padding: 18px 0; width: 570px;}
#wrapper #header .header .header_top_wrap .header_top .search_wrap .int_wrap input {padding-left: 18px; font-size: 14px; width: 285px; float: left; height:45px;color:#a0a0a0; font-family: 'Noto Sans'; border:1px solid #ebebeb; border-right: 0; background-color: #f7f7f7;}
#wrapper #header .header .header_top_wrap .header_top .search_wrap .int_wrap input::placeholder {color: #a0a0a0; font-family: 'Noto Sans';}
#wrapper #header .header .header_top_wrap .header_top .search_wrap .int_wrap a {background: #f7f7f7 url(../images/common/ico-search.png) no-repeat 50%; position: absolute; width: 44px; height: 43px; float: left; border: 1px solid #ebebeb; border-left: 0;}
#wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap {float: right; margin-top: 0; width:230px; font-size:15px; line-height:1.3; display: flex; justify-content: flex-end;}
/* #wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap a {padding: 6px 30px; width: 110px; color: white; font-size: 13px; box-sizing: border-box; height: 45px; display: block; border-radius: 10px 10px 10px 0; font-family: 'Pretendard';} */
#wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap a {padding: 6px 30px; width: 215px; color: white; font-size: 15px; box-sizing: border-box; height: 45px; display: block; border-radius: 10px 10px 10px 0; font-family: 'Pretendard';}
#wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap .btn_all {background-color: #011e3a; border-radius: 10px 10px 10px 0; margin-right: 10px;}
/* #wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap .btn_keyword {background-color: #00ab4c;border-radius: 10px 0 10px 10px; padding: 6px 20px;} */
#wrapper #header .header .header_top_wrap .header_top .search_wrap .btn_wrap .btn_keyword {background-color: #2c4156;border-radius: 10px 0 10px 10px; padding: 14px 20px;}

#wrapper #header .header nav {border-top:1px solid #ebebeb; background:white; margin:0 auto; box-sizing: border-box;}
#wrapper #header .header nav .nav_wrap {width: 100%; max-width:1400px; position:relative;}
#wrapper #header .header nav .nav_wrap:after {content:""; display:block; clear:both;}

#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu {width:1090px; padding:0; float:left; text-align:center;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li:first-child {width:15%;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li {width:21%; display:block; float:left;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li:first-child a {width: 100%; background:url('../images/common/ico-home.png') no-repeat 0 50%; height:55px;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li:first-child a:hover {background:#ffffff url('../images/common/ico-home.png') no-repeat 0 50%;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li a {display: inline-block; font-size:17px; line-height:55px; width:200px; color:#383838; font-family:'Pretendard'; font-weight: 700;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li a:hover {background-color:#33a54e; color:white;}
#wrapper #header .header nav .nav_wrap .menu_wrap .nav_menu li.on a {background-color:#33a54e; color:white;}
#wrapper #header .header nav .nav_wrap .menu_wrap .btn_menu {width:55px; height:55px; background:url('../images/common/ico-menu.png') no-repeat 50% 50%; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; float:right; outline:0;}

#wrapper #header .header nav .nav_wrap .srch_wrap {display:none; width:345px; height:230px; position:absolute; right:0px; background:white; padding:20px 25px; box-sizing:border-box; z-index:40;}
#wrapper #header .header nav .nav_wrap .srch_wrap .nav_close {width:55px; height:55px; background:#b2b2b2 url(../images/common/bt_close.png) no-repeat 50% 50%; position:absolute; top:-55px; right:0;}
#wrapper #header .header nav .nav_wrap .srch_wrap:after {content:""; display:block; clear:both;}
#wrapper #header .header nav .nav_wrap .srch_wrap p {font-size:20px; margin-bottom:15px; text-align:left;}
#wrapper #header .header nav .nav_wrap .srch_wrap input[type='text'] {font-size:16px; width:285px; margin-bottom:13px; padding:20px;}
#wrapper #header .header nav .nav_wrap .srch_wrap input[type='submit'] {padding:11px 99px 11px 122px; background:#011e3a url(../images/common/bg_search.png) no-repeat 35% 50%; color:white; font-size:16px; border:0; margin-bottom:25px;}
#wrapper #header .header nav .nav_wrap .srch_wrap a {padding: 11px 59px 11px 96px; background: #035990 url(../images/common/ico_book.png) no-repeat 23% 50%; color: white; font-size: 16px;}

#wrapper #header .header nav .nav_wrap .tot_menu {width: 1400px; margin:0 auto; position:absolute; top:55px; right:0; background:white; display:none; z-index:40;}
#wrapper #header .header nav .nav_wrap .tot_menu .nav_close {width:55px; height:55px; background:#b2b2b2 url(../images/main/bt_close_new.png) no-repeat 50% 50%; position:absolute; top:-55px; right:0;}
#wrapper #header .header nav .nav_wrap .tot_menu:after {content:""; display:block; clear:both;}
#wrapper #header .header nav .nav_wrap .tot_menu div {border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_left {width:350px; height:190px; float:left; box-sizing:border-box; padding:30px;}
/* #wrapper #header .header nav .nav_wrap .tot_menu .tot_left:first-of-type {background:#42983b; height:350px;} */
#wrapper #header .header nav .nav_wrap .tot_menu .tot_left:first-of-type {background:#42a95a url(../images/common/all-menu-bg.png) no-repeat 120% 110%; height:350px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_left:first-of-type p {color:white;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_left p {color:#12a033; font-size:28px; font-weight: 700; font-family: 'Pretendard';}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_left:nth-of-type(5) {height:447px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right {width:1050px; height:190px; float:left; padding:20px 30px 30px 30px; box-sizing:border-box;}
/* #wrapper #header .header nav .nav_wrap .tot_menu .tot_right:nth-of-type(2) {height:350px;} */
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right:nth-of-type(2) {height:350px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right:nth-of-type(6) {height:447px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right:nth-of-type(8) ul {padding-bottom:30px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul {float: left; width:30%; padding-right:15px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul:last-child {padding:0; width:230px;}
/* #wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul li {font-size:15px; line-height:2;} */
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul li {font-size:15px; padding: 0 15px 12px 0px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul li a {color:#636363; font-weight: 500; font-family: 'Pretendard';}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul li a:hover {color:#12a033;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul li:first-child {font-size:20px;}
#wrapper #header .header nav .nav_wrap .tot_menu .tot_right ul li:first-child a {color:#12a033; font-weight: 600; font-family: 'Pretendard';}

#wrapper #header .header nav #sub_hover {width:100%; height:338px; border-top:1px solid #ebebeb; display:none; position:absolute; background: #fff url('../images/common/gnb-bg.png') no-repeat center 0; box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.15);}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap {margin:0 auto; width:1200px;}
/* #wrapper #header .header nav .hover_wrap .hover_ul_wrap ul {padding:0; float:left; width:230px; text-align:center; line-height:2.5; position:relative;} */
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul {padding:0; float:left; width:230px; text-align:center; position:relative;}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul:first-child {margin-left:60px;}
/* #wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li {font-size:15px;} */
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li {font-size:15px; padding: 0 15px 15px 15px;}
/*#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li a {color: #333; font-weight: 500; font-family: 'Pretendard'; font-size: 15px;}*/
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li a {color: #333; font-weight: 500; font-family: 'Pretendard'; font-size: 15px; line-height:20px;}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li a:hover {color:#12a033;}
/* #wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li:first-child {font-size:20px; color:#12a033; font-weight:700; font-family:'Pretendard';} */
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li:first-child {font-size:20px; color:#12a033; font-weight:700; font-family:'Pretendard'; padding: 15px;}
#wrapper #header .header nav .hover_wrap .hover_ul_wrap ul li:after {content:""; display:block; width:1px; height:295px; position:absolute; background:#ebebeb; top:25px; right:0;}

.gnb_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:30; background-color:rgba(0,0,0,0.4);}

/*footer*/
#wrapper #footer {background:#43474e;}
.footer-top-wrap {background-color: #3b3e43; border-bottom: 1px solid #686e76;}
.footer-top-wrap .footer-top-box {margin: 0 auto; max-width: 1400px; display: flex; justify-content: space-between; align-items: center;}
.footer-top-wrap .footer-top-box .f-info ul {display: flex; align-items: center;}
.f-info li {position: relative; padding-right: 15px; margin-right: 14px;}
.f-info a {color: #fff; font-size: 15px; white-space: nowrap; font-family: 'Pretendard'; font-weight: 400;}
.f-info li:after {content: ""; position: absolute; top: 3px; right: 0; width: 1px; height: 13px; border-right: 1px solid; border-color: #fff;}
.f-info li:last-child:after {display: none;}
.f-info li:last-child {padding-right: 0; margin-right: 0;}
.f-info li a.yellow {color: #fffc00;}
.f-link ul {display: flex; align-items: center;}
.f-link label {display: none;}
.f-link select {padding: 20px 66px 20px 25px; border-right: 1px solid #686e76 !important; border-left: 0; border-bottom: 0; font-size: 15px; color: #fff; background: #3b3e43 url(../images/common/f-ico-arrow.png)calc(100% - 20px) 50% no-repeat; appearance: none; font-family: 'Pretendard'; font-weight: 400; border: 0;box-sizing: border-box; min-width: 280px; width: 100%;}
.f-link ul li:first-child select {border-left: 1px solid #686e76;}
.footer-bottom-wrap .footer-bottom-box {margin: 0 auto; max-width: 1400px; display: flex; justify-content: flex-start; align-items: center; padding: 52px 20px;}
.footer_wrap:after {content:""; display:block; clear:both;}
.footer_wrap .f_logo {float:left; margin-right: 40px;}
.footer_wrap .foot_util {width: 100%;}
.footer_wrap .foot_util .util_wrap .info > ul > li.address {margin-bottom: 5px;}
.footer_wrap .foot_util .util_wrap .info > ul > li.copy {margin-bottom: 15px;}
.footer_wrap .foot_util .util_wrap .info > ul > li ul {display: flex; flex-flow: row wrap;}
.footer_wrap .foot_util .util_wrap .info > ul > li ul li {position: relative; padding-right: 15px; margin-right: 14px;}
.footer_wrap .foot_util .util_wrap .info > ul > li ul li:last-child { padding-right: 0; margin-right: 0;}
.footer_wrap .foot_util .util_wrap .info > ul > li ul li:after {content: ""; position: absolute; top: 3px; right: 0; width: 1px; height: 13px; border-right: 1px solid #7e8186;}
.footer_wrap .foot_util .util_wrap .info > ul > li ul li:last-child:after {display: none;}
.footer_wrap .foot_util .util_wrap .info ul li {font-size: 15px; color: #fff; font-weight: 300; font-family: 'Pretendard';}
.footer_wrap .foot_util .util_wrap .info ul li.phone:before {content: ""; display: inline-block; background: url(../images/common/f-ico-phone.png) no-repeat; width: 14px; height: 15px; vertical-align: middle; margin-right: 2px;}
.footer_wrap .foot_util .util_wrap .info ul li a.green {color: #7edb92; font-weight: 500;}

/*제목글자*/
.h_tit2 {padding-left: 20px; background: url(../images/common/bul_h_tit.png) no-repeat 0 9px; color: #3158bc; font-size: 18px; font-weight: bold; line-height: 26px;}
.p_tit {font-size:20px; color:#333333; margin:0 0 20px 15px;  font-weight: 500; position:relative; line-height:20px;}

/*글자꾸미기*/
.dot-green-l:before {content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 3px; margin-right: 5px; margin-bottom: 3px; background: #42983b;}
.rot-green-l:before {content:"";  display:inline-block; width:5px; height:5px; margin-right:5px; margin-bottom:3px; background:#42983b;}
.line-green-l:before {content:""; display:inline-block; width:5px; height:18px; background:#42983b; position:absolute; top:1px; left:-15px;}
.line-blue-l:before {content:""; display:inline-block; width:5px; height:18px; background:#2898a3; position:absolute; top:1px; left:-15px;}
.line_min:before {content:""; width:5px; height:1px; background: #333333; position:absolute; top:10px; left:-10px;}

/*btn*/
.edu_btn {padding: 12px 47px; background: #011e3a; color: #fff; font-size: 16px; border-radius:3px;}
.edu_info_btn {display:block; padding:16px 28px; background:#42983b; color:#fff; font-size:15px; border-radius:2px; width:59px; height:41px; text-align:center; float:left; margin-left:31px;}
.edu_tel_btn {background: #a9a9a9; color: #fff; font-size: 14px; padding: 5px 8px; width: 100px; border-radius: 3px;}
.edu_tel_btn:hover {background: #737373;}
.btn_search {display: inline-block; width: 32px; height: 30px; background: #42983b url(../images/content/btn_search_edu_new.png) no-repeat 50% 50%;}

/*Layout*/
.location{display: flex;}
.location ul {margin: 0 auto;}
.location ul li	{float:left; padding-left:30px; background:url('../images/common/ico_loc_arr_white.png') no-repeat 10px; color:#ffffff; font-size:14px; line-height:34px}
.location ul li a {color:#ffffff;}
.location ul li.home {background:url('../images/common/ico_loc_home_white.png') no-repeat 0px 6px;}

/*sub_top*/
.sub_top {position: relative; height: 129px;}
.sub_top .info p {padding-top: 30px; color: white; font-size: 33px; line-height: 33px; text-align:center;}
.sub_top .info p span {display: inline-block; font-weight:200;}
.sub_top .info p span em {display: inline-block; padding-top: 9px; background: url(../images/common/dot_white_top_new.png) repeat-x; font-style: normal; font-weight:400;}

/*Lnb*/
.sub_top {background:url('../images/common/sub_top_visual_01.png') no-repeat center 0;}

.lnb > ul > li.edu	{background:#5d6b87}
.lnb > ul > li.edu.on a	{padding-left:37px; background:#3158bc url('../images/common/ico_lnb_first.gif') no-repeat 18px center}

/* 2018.07.06 SHH 추천교육과정 추가 */
.lnb > ul > li.recommend	{background:#FF5722}
.lnb > ul > li.recommend a	{padding-left:15px; }
.lnb > ul > li.recommend a:hover	{background:#3158bc }
.lnb > ul > li.recommend.on a	{padding-left:15px; background:#3158bc }

.lnb {position: absolute; top: 158px; left: 47%; margin-left: -540px; width: 230px;}
.lnb a {cursor: pointer;}
.lnb #navigation .lnb_tit {background:#42983b; color:white; font-size:20px; font-family:'Noto Sans';  font-weight: 500; text-align:center; padding:27px 0}
.lnb #navigation > li {margin:0; background-color:white; border-bottom: 1px solid #cccccc;}
/* .lnb #navigation li > a {display: block; padding: 0 0 0 16px; color: #333333; font-size: 15.5px; font-weight: normal; line-height: 50px;} */
.lnb #navigation li > a {display: block; padding: 15px 0 15px 16px; color: #333333; font-size: 15.5px; font-weight: normal; line-height: 20px;}
.lnb #navigation li.on > a {background: url(../images/main/btn_flink03_move_2019.png) no-repeat 93% 50%; background-color:#011e3a; color:white;}
.lnb #navigation li > a:hover {color:white; background-color:#011e3a; cursor:pointer;}
.lnb #navigation li ul {padding:7px 0 13px 0; background:#f7f7f7; display:none;}
.lnb #navigation li ul li a {font-size:14.5px; line-height:1.3; padding:6px 10px;}
.lnb #navigation li ul li.on a {color:#42983b; background:#f7f7f7;}
.lnb #navigation li ul li a:hover {color:#42983b; background:#f7f7f7;}

/*search_wrap*/
.search_wrap.search_wrap2 {height:60px; line-height:60px; padding:0 79px; background:#f6f5f2;}
.search_wrap.search_wrap2 .tit {float: left; margin: 0 12px 0 0; color: #414141; font-size: 16px; font-weight: normal; line-height: 60px;}
.search_wrap.search_wrap2 .select {float: left; margin-left: 7px; margin: 15px 0 15px 7px; height:28px;}
.search_wrap.search_wrap2 .select label {line-height:28px; font-size:14px; font-family:'Noto Sans'; font-weight: 200;}
.search_wrap.search_wrap2 .int_wrap {float: left; margin: 15px 0 15px 15px; font-size: 0; line-height: 0;}
.search_wrap.search_wrap2 .int_wrap input {height:30px;}
.search_wrap.search_wrap2 .int_wrap .btn_search {display: inline-block; width: 32px; height: 30px; background: #42983b url(../images/content/btn_edu_search.png) no-repeat 50% 50%;}

/*select*/
.select {display: inline-block; position: relative; padding: 0; height: 38px; border: 1px solid #e0e0e0; background: #f9f9f9; line-height: 60px;}
.select label {position: absolute; top: 0px; right: 20px; bottom: 0; left: 10px; color: black; font-size: 14px; line-height: 30px; text-align: left;}
.select select {position:relative; z-index:1; padding:5px 4px; width:100%; /* height:28px; line-height:28px; */ vertical-align:top; opacity:0; filter:alpha(opacity=0);}

/*paging*/
.pager_wrap {position: relative; margin-top: 30px; font-size: 0; line-height: 0; text-align: center; letter-spacing: -10px;}
.pager_wrap a {display: inline-block; width: 29px; height: 29px; color: #666; vertical-align: top; letter-spacing: 0;}
.pager_wrap a.btn_page.prev_block {background:url(../images/common/icn_page_tot_prev.png) no-repeat 0 0;}
.pager_wrap a.btn_page.prev {background:url(../images/common/icn_page_prev2.png) no-repeat 0 0; margin:0 5px 0 5px;}
.pager_wrap a.btn_page.next {background:url(../images/common/icn_page_next2.png) no-repeat 0 0; margin:0 5px 0 0;}
.pager_wrap a.btn_page.next_block {background:url(../images/common/icn_page_tot_next.png) no-repeat 0 0;}
.pager_wrap .page {display: inline-block; line-height: 17px; text-align: center; vertical-align: top;}
.pager_wrap .page a {position: relative; width: 29px; height: 29px; margin-right: 5px; border: 0; color: #333333; font-size: 14px; line-height: 29px; background: #efeeeb;}
.pager_wrap .page a:after {display:none;}
.pager_wrap .page a.on {background:#42983b; color: white; font-size: 16px; text-decoration: none;}

/*table*/
.table_wrap .info_table {border-top:2px solid #646464;}
.table_wrap .info_table colgroup col:nth-child(1) {width:11%;}
.table_wrap .info_table colgroup col:last-child {width:auto;}
.table_wrap .info_table tbody tr {border-bottom:1px solid #e2e2e2; font-family:'Noto Sans';}
.table_wrap .info_table tbody tr td {text-align:left; padding:20px; padding-right:15px;}
.table_wrap .info_table tbody tr td:first-child {background:#f6f5f2; text-align:center; font-size:15px; padding-right:20px;}

.table_wrap {padding:0;}
.table_wrap .board_table {border-top:2px solid #646464; border-bottom:1px solid #efefef;}
.table_wrap .board_table colgroup col:last-child {width:auto;}
.table_wrap .board_table thead {background:#f6f5f2; color:#333333; border-bottom:1px solid #e2e2e2;}
.table_wrap .board_table thead th {font-size:15px; color:#333333; padding:7px 0; font-weight:normal; height:30px; background:url();}
.table_wrap .board_table tbody tr td {font-size:14px; font-weight:200;}

.table_wrap.tbg.none_before:before {display:none;}

/*내용정렬*/
dl.bul {position: relative; margin-top: 11px; padding-left: 105px;}
dl.bul dt {margin-left:20px; position: absolute; top: 0; left: 0; padding-left: 0; width: 111px; background: url(); color: #414141; font-size: 17px; font-weight:normal; line-height: 18px;}
dl.bul dd {color: #414141; font-size: 15px; line-height: 18px; margin-left: 32px; font-family:'Noto Sans'; font-weight: 200;}

/*step_box*/
.step_box {margin-bottom:40px;}
.step_box > span {margin-left:20px;}
.step_box .inner {margin-top:20px;}
.step_box .desc {font-size:18px; margin: 12px 0 40px 0; color: #414141;}
.step_box .info_box {margin:0 auto;}
.step_box .info_box:after {content:""; display:block; clear:both;}
.step_box .info_box > div {float:left; font-size:14px; text-align:center;}
.step_box .info_box > div.on .info_step {background:#42983b;}
.step_box .info_box > img {float:left; padding:0 30px; margin-top:23px;}
.step_box .info_box .info_step {background:gray; color:white; padding:5px;}
.step_box .info_box .info_txt {width:208px; height:45px; line-height:45px; background: #ededed; color:#333333; border-radius:0 0 3px 3px;}

.app_wrap_new .cont .step_box .info_box.reinfochange {width:100%;}
.app_wrap_new .cont .step_box .info_box.reinfochange .info_txt {width:160px; height:50px; line-height:25px; padding:10px 0;}
.app_wrap_new .cont .step_box .info_box.reinfochange > img {padding:0; margin:35px 30px;}

.app_wrap .cont .inner {margin-left:0;}
.app_wrap .sub_cont .inner .bul li.dot-green-l {background:none; padding-left:20px;}

/* 2글자 4글자 간격으로 (개인정보변경신청 step03) */
.ls30{letter-spacing:30px;}
.bin_wd25 {display: inline; padding: 0 16px;}
.bin_wd20 {display: inline; padding: 0 10px;}

/*관리자 css에서 가져온 것들*/
.essentialAsterisk {color: red !important; vertical-align: middle !important; margin: 0 5px !important;}
.input-readonly {cursor: not-allowed !important;}
.input-textbox {background: #ffffff !important;}

/*contentpagetitle*/
.contentpagetitle {font-family: 'Noto Sans'; font-weight: 500; font-size: 30px; color: #333333; border-bottom: 1px solid #dcdcdc; padding: 10px 0; margin-bottom: 40px;}
.contentpagetitle_new {margin-bottom:25px;}
.contentpagetitle em {font-style: normal;}

/*마이페이지 교육신청이력*/
.btn_s	{display:inline-block; padding:0 9px; width:auto; height:26px; background:#68b03f; color:#fff; font-size:12px; font-weight:500; line-height:26px; text-align:center; border-radius:15px}
.btn_s.green30	{background:#5ed255}
.btn_s.green60	{background:#34ac2a}
.btn_s.green	{background:#238e1b}
.btn_s.indigo	{background:#011e3a}
.btn_s.gray		{background:#808080}

/*컨텐츠 페딩*/
.contentpadding {padding:20px 0 20px 20px;}

/* 공통 팝업 */
.layer_popup	{display: none; position: absolute; max-width: 920px; max-height: 729px; z-index: 1100; top: 50%; margin: 0; padding: 0; background: #fff;}

/* padding */
.p_b_20 {padding-bottom:20px;}

/* 표(개인정보정정 결과 확인) */
.table_wrap.nomal_table {    margin-top: 5px;}
.table_wrap.nomal_table table thead tr th {background: #42983b;}
.table_wrap.nomal_table table tbody tr td {text-align: left;}

/* 민간안전체험교육장안내 엑셀 다운로드 */
.btn-down {
    float: right;
    border-radius: 4px;
    margin: 12px 0;
    background: #2c4156;}
.btn-down button {
    font-family: 'Pretendard';
    font-size: 15px;
    padding: 8px 14px;
    display: inline-block;
    color: #fff; }