@charset "utf-8";

/*
------------------------------------------------------------
File Name : common.css
Date : 2016 / December
explanation : °øÅë styleSheet
------------------------------------------------------------
*/
@font-face{
	font-family:ng;
	src:url(/font/NanumGothic.eot);
	src:local(※), url(/font/NanumGothic.woff) format('woff');
}
@font-face{
	font-family:ngBold;
	src:url(/font/NanumGothicBold.eot);
	src:local(※), url(/font/NanumGothicBold.woff) format('woff');
}
@font-face{
	font-family:ngExtraBold;
	src:url(/font/NanumGothicExtraBold.eot);
	src:local(※), url(/font/NanumGothicExtraBold.woff) format('woff');
}
@font-face{
	font-family:nm;
	src:url(/font/NanumMyeongjo.eot);
	src:local(※), url(/font/NanumMyeongjo.woff) format('woff');
}
@font-face{
	font-family:nmBold;
	src:url(/font/NanumMyeongjoBold.eot);
	src:local(※), url(/font/NanumMyeongjoBold.woff) format('woff');
}
@font-face{
	font-family:nmExtraBold;
	src:url(/font/NanumMyeongjoExtraBold.eot);
	src:local(※), url(/font/NanumMyeongjoExtraBold.woff) format('woff');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {font-size:12px; line-height:1.5; font-family:'ng',dotum,sans-serif;color:#666; margin:0;padding:0; letter-spacing:-0.5px;}
fieldset,img {border:0 none}
img {vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input {border:0; outline:0;}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.3; font-family:'ng',dotum,sans-serif;color:#666}
h1,h2,h3,h4,h5,h6,strong,th {font-family: 'ngBold'; font-weight: normal;}
a {color:#666;text-decoration:none}
a:hover {text-decoration:none}
a:active {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
header,main,aside,article,footer {display:block}
legend,caption {overflow:hidden;position:absolute;clip:rect(0 0 0 0);clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}

pre { word-break: break-all; /* webkit */  word-wrap: break-word;  white-space: pre;  white-space: -moz-pre-wrap; /* fennec */  white-space: pre-wrap;  white-space: pre\9; /* IE7+ */}

/* common */
.A_clearfix:after {display: block; content:''; clear:both;}
.A_fl {float: left;}
.A_fr {float: right;}
.A_hide {overflow:hidden;position:absolute;clip:rect(0 0 0 0);clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
.A_inp {height: 22px; margin: 2px; padding-left: 3px; line-height: 20px; vertical-align: middle; border: 1px solid #cfcfcf; box-sizing: border-box;}
.A_inp2 {height: 28px; margin: 2px; padding-left: 3px; line-height: 20px; vertical-align: middle; border: 1px solid #d8d8d8; box-sizing: border-box;}
.A_textarea {padding: 5px; border: 1px solid #dedede; box-sizing: border-box; background: #fff;}
.A_sel {height: 22px; margin:2px; vertical-align: middle; border: 1px solid #cfcfcf; box-sizing: border-box;}
.A_sel2 {height: 28px; margin:2px; vertical-align: middle; border: 1px solid #e6e6e6; box-sizing: border-box;}
.A_chk {padding:0; margin:0; width:13px; height:13px; margin:2px 5px 2px 0; vertical-align:middle;}
label {display:inline-block; vertical-align:middle;}
input[type="checkbox"] + label,input[type="radio"] + label {margin-right:8px;}
input[type="button"] {cursor:pointer}
.A_al {text-align:left !important;}
.A_ac {text-align:center !important;}
.A_ar {text-align:right !important;}
.A_vat {vertical-align: top !important;}
.A_vam {vertical-align: middle !important;}
.A_posr {position:relative;}
.A_posa {position:absolute;}
.A_posa_br {position:absolute; bottom:0; right:0} /* ŸÀÌƲ¿· ¹öÆ°¿ë */


.A_mt5{margin-top: 5px !important;}
.A_mt10{margin-top: 10px !important;}
.A_mt20{margin-top: 20px !important;}
.A_mb0 {margin-bottom: 0px !important;}
.A_mb10 {margin-bottom: 10px !important;}
.A_mb20 {margin-bottom: 20px !important;}
.A_mr5 {margin-right: 5px !important;}
.A_mr10 {margin-right: 10px !important;}
.A_mr20 {margin-right: 20px !important;}
.A_mtb_6 {margin: -6px 0}

.A_pt10 {padding-top:10px !important;}

.A_fc01 {color:#cc6600} /* ÆùÆ®»ö º®µ¹»ö */
.A_fc01_L {color:#cc6600; font-size:16px;} /* ÆùÆ®»ö º®µ¹»ö */
.A_fc02 {color:#2980b9} /* ÆùÆ®»ö ÆĶõ»ö */
.A_fc03 {color:#ff6600} /* ÆùÆ®»ö ÁÖȲ»ö */

/* layout */
.A_area {position:relative; width:1200px; margin:0 auto;}
.A_area:after {display:block; content:''; clear:both}
#A_header {width:100%; height:96px; background:#3f3f3f;}
#A_header .A_lft {position:absolute; top:22px; left:2px;}
#A_header .A_login_info {margin-top:10px;}
#A_header .A_login_info .A_user {margin-right:5px; padding-left: 13px; color:#f1c40f; background:url(/images/bul_yellow.png) no-repeat 0 50%;}
#A_header .A_login_info .A_btn_login {padding:3px 10px; color:#fff; font-size:10px; background:#525252; border:1px solid #000;}
#A_header .A_login_info .A_btn_kova {padding:3px 10px; color:#fff; font-size:10px; background:#525252; border:1px solid #000;}
#A_header .A_gnb ul {float:right; margin-top:20px; text-align:right;}
#A_header .A_gnb ul li {position:relative; display:inline-block; height:65px; padding:0px 15px;/*  background:#fff; opacity:.3; */ cursor:pointer;}
#A_header .A_gnb ul li a {z-index:1; position: relative; display:block; padding:40px 0 0; font-size:13px; color:#fff; opacity:.5}
#A_header .A_gnb ul li a.A_m1 {background:url(/images/gnb_ico01.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li a.A_m2 {background:url(/images/gnb_ico02.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li a.A_m3 {background:url(/images/gnb_ico03.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li a.A_m4 {background:url(/images/gnb_ico04.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li a.A_m5 {background:url(/images/gnb_ico05.png) 50% 40% no-repeat;}
#A_header .A_gnb ul li a.A_m6 {background:url(/images/gnb_ico06.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li a.A_m7 {background:url(/images/gnb_ico07.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li a.A_m8 {background:url(/images/gnb_ico08.png) 50% 35% no-repeat;}
#A_header .A_gnb ul li.A_active, #A_header .A_gnb ul li:hover {position:relative; top:-8px}
#A_header .A_gnb ul li.A_active a,#A_header .A_gnb ul li:hover a {opacity:1}
#A_header .A_gnb ul li.A_active a:after,#A_header .A_gnb ul li:hover a:after {position:absolute; bottom:-28px; left:50%; content:''; width:12px; height:8px; margin-left:-6px; background:url(/images/ico_gnb_hover.png) no-repeat 50% 100%;}
#A_header .A_gnb ul li.A_active:after,#A_header .A_gnb ul li:hover:after {position:absolute; top:0; left:0; width:100%; height:100%; display:block; content:''; background:#fff; opacity:0.3; border-radius:7px;}

#A_container {overflow:hidden; position:relative; background:#f3f3f3;}
#A_container:after {z-index:1; position:absolute; top:0; display:block; content:''; width:100%;  height:66px; background:#3f3f3f;}
#A_container .A_area {z-index:2; background:#fff; border-radius:5px}
#A_container #A_aside {float:left; width:170px; border-right:1px solid #ececec; box-sizing:border-box}
#A_container #A_contents {float:left; margin-left:-1px; border-left:1px solid #ececec; box-sizing:border-box;}

#A_aside h2 {height:66px; line-height:66px; color:#fff; font-size:20px; background:#f39c12; text-align:center; border-radius:5px 0 0 0; letter-spacing:-1.5px; text-shadow: 2px 2px #ca6607}
#A_aside .A_lnb > ul > li {border-bottom:1px solid #ececec;}
#A_aside .A_lnb > ul > li > a {display:block; height:40px; line-height:40px; padding-left:17px;}
#A_aside .A_lnb > ul > li > a.A_active,#A_aside .A_lnb li a:hover {color:#f39c12; background:url(/images/bul_arr_org.gif) no-repeat 90% 50%;}
#A_aside .A_lnb .A_dep2 {padding: 8px 0;background: #fffaf0; border-top:1px solid #ececec;}
#A_aside .A_lnb .A_dep2 a {display: block; padding: 4px 0 4px 20px; font-size: 11px; color: #666;}
#A_aside .A_lnb .A_dep2 a.A_active {padding: 4px 0 4px 32px; color: #cc9966; background: url(/images/bul_arr_dep2.gif) no-repeat 20px 50%;}

#A_contents {position:relative; width:1030px; padding:0 40px 80px; box-sizing:border-box}

#A_footer {padding:30px 0 40px; background:#f3f3f3;}
#A_footer .A_area {position:relative;}
#A_footer .A_foot_logo {position:absolute; top:5px; left:35px}
#A_footer .A_copyright {margin-left: 210px; padding-left:15px; line-height:160%; color:#999; border-left:1px solid #e1e1e1}
#A_footer .A_copyright a.A_btn_tel_srch {padding:1px 5px; background:#999; color:#fff; border-radius:3px}

/* Á¦¸ñ */
.A_h3_txt {height:66px; margin-bottom:30px; padding-top:17px; color:#00292c; font-size:27px; border-bottom:1px solid #e2e1e1; box-sizing:border-box}
.A_h4_txt {margin-bottom:10px; color:#333; font-size:14px; font-weight:bold;}
.A_h5_txt {margin: 20px 10px; font-size:14px; font-weight:bold;}
/* °øÅë¹öÆ° */
.A_cm_btn {display:inline-block; font-size:14px; font-weight:bold; color:#fff; padding:7px 20px; background:#50545f; vertical-align:middle; letter-spacing:-1px;}
.A_cm_btn2 {display:inline-block; width:100px; font-size:14px; font-weight:bold; color:#fff; padding:10px 0; background:#50545f; vertical-align:middle; letter-spacing:-1px; text-align:center;}
.A_c_black {background:#333;} /* ¹öÆ° »ö  °ËÁ¤ */
.A_c_brown {background:#cc9966;} /* ¹öÆ° »ö  °¥»ö */
.A_c_gray {background:#999;} /* ¹öÆ° »ö  ȸ»ö */
.A_sm_btn{display:inline-block; height:26px; line-height:26px; padding: 0 10px; background:#eee; border:1px solid #ccc; vertical-align:middle; letter-spacing:-1px; font-weight:bold; border-radius:3px}
.A_go_top{position:absolute; bottom:0; right:40px;} /* top¹öÆ° */

.A_pagenavi {position:absolute; top:35px; right:40px;}
.A_pagenavi span {display:inline-block; padding-left:11px; margin-left:6px; color:#777; background:url(/images/bul_pagenavi_arr.gif) no-repeat 0 50%;}
.A_pagenavi span:first-child {padding-left:20px; background:url(/images/ico_home.gif) no-repeat 0 1px;}

.A_srch_condition_box {margin-bottom:30px; padding:12px 25px; background:#f5f7f9; border:1px solid #e5e7e9;}
.A_srch_condition_box input[type="checkbox"] {margin-right:3px;}
.A_srch_condition_box input[type="checkbox"] + label {margin-right:5px; vertical-align:middle;}
.A_srch_condition_box td {padding:4px 0;}
.A_srch_condition_box .A_srch_btn {margin:15px 0 0; padding:15px 0 0; border-top:1px solid #e2e2e2; text-align:center; text-shadow: 2px 2px #373a41}

.A_lst_head {overflow:hidden; padding-bottom:10px; font-size:14px; color:#666; font-weight:bold;}
.A_lst_head a {position:relative; font-weight:normal;}

.A_grid_list {border-top:1px solid #667788; border-bottom:1px solid #b0b5ba;}
.A_grid_list table {width:100%; table-layout:fixed; border-collapse: collapse;}
.A_grid_list table thead th {padding:10px 0; background:#f7f8f9; color:#996633;}
.A_grid_list table tbody td {padding:10px 0; border-top:1px solid #dadde0; text-align:center;}
.A_grid_list table tbody td a:hover{color:#f39c12}

/*»ó¼¼*/
.A_grid_tbl_row {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.A_grid_tbl_row table {width:100%; table-layout:fixed; border-collapse: collapse;}
.A_grid_tbl_row table th {min-height:27px; padding:10px 0; background:#f7f8f9; color:#996633; border-top:1px solid #ebebeb;}
.A_grid_tbl_row table td {min-height:27px; padding:10px 0 10px 10px; solid #ebebeb;}
.A_grid_tbl_row table tbody tr:first-child th {border-top:none;}
.A_grid_tbl_row table tbody tr:first-child td {border-top:none;}

.A_grid_tbl_col {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.A_grid_tbl_col table {width:100%; table-layout:fixed; border-collapse: collapse;}
.A_grid_tbl_col table th {padding:10px 0; background:#f7f8f9; color:#996633; border-left:1px solid #e6e6e6;}
.A_grid_tbl_col table td {padding:10px 10px; border-top:1px solid #dadde0; border-left:1px solid #e6e6e6; text-align:center;}
.A_grid_tbl_col table tr th:first-child {border-left:none;}
.A_grid_tbl_col table tr td:first-child {border-left:none;}

.A_tabs {overflow:hidden; margin-top:20px; border-bottom:1px solid #ccc;}
.A_tabs li {float:left;}
.A_tabs li a {display:inline-block; height:38px; margin: 0 0 -1px -1px; padding:0 20px; line-height:39px; color:#999; font-size:14px; font-weight:bold; background:#f7f8f9; border:1px solid #ccc; letter-spacing:-1px; cursor:pointer;}
.A_tabs li:first-child a {margin-left:0;}
.A_tabs li a.A_active {z-index:2; position:relative; background:#cc9966; border:1px solid #cc9966; color:#fff; cursor:pointer;}

/*·¹À̾îÆ˾÷*/
#A_ly_popup {z-index:10; position:absolute; top:100px; left:50%; background:#fff;}
#A_ly_popup .A_ly_tit {height:38px; padding-left:25px; line-height:38px; font-size:17px; font-weight:bold; color:#fff; background:#cc9966;}
#A_ly_popup .A_ly_cont {padding:30px 49px 25px;}
#A_ly_popup .A_ly_btns {padding-top:20px; text-align:center;}
#A_ly_popup .A_ly_close {position:absolute; top:0; right:0; padding:11px 16px}
.A_dimed {z-index:9; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}