@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(https://fonts.googleapis.com/earlyaccess/hanna.css);


body,html {
    margin:0;
    padding:0;
    height:100%;
/*     font-family: 'Nanum Gothic';"hanna"!important;}	 */
	font-family:'Arial';	
}	




/* 11.08 */

.bodywrap_00{margin: 0 auto; width: 1000px; height: 100%; position: relative;}


/*accordion-menu*/
.submenuItems ul li a{list-style:none;}
.submenuItems li a {text-decoration: none; margin: 0;}
.accordion-menu { max-width: 220px; width: 100%; float: left;background: #fff; list-style: none; position: relative;font-weight: 500;margin-top:10px;}
.accordion-menu li.open .dropdownlink {color: #1e6292; font-weight: 700;}
.accordion-menu li.open .dropdownlink .fa-chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.dropdownlink   { cursor: pointer; display: block; padding: 18px 15px 12px 50px; font-size: 14px; border-bottom: 1px solid #ccc;color: #212121;
                  position: relative; -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.dropdownlink i { position: absolute; top: 17px; left: 10px;}
.dropdownlink .fa-chevron-down {right: 0px; left: 0px;}

.submenuItems   {display: none;  background: #fff; margin-top: -1px; margin-left: -2px; font-weight: 600}
.submenuItems li {font-size: 14px; margin-left: -10px;}
.submenuItems a {display: block;color: #727272;padding: 10px 0px 5px 45px; -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;text-decoration: none;}
.submenuItems a:hover {color: #1e6292;font-weight: bold;}



/*accordion-menu icon*/
.liicon_01 {background-image: url(../images/adsitemap/tabicon_01.png);width: 26px;height: 26px;background-repeat: no-repeat; background-position:center center; float: left;margin-left: 1%;margin-top: -3px;}
.liicon_02{background-image: url(../images/adsitemap/tabicon_02.png); width: 26px;height: 26px; background-repeat: no-repeat; background-position:center center; float: left;margin-left: 1%;margin-top: -3px;}
.liicon_03{background-image: url(../images/adsitemap/tabicon_03.png);width: 26px;height: 26px;background-repeat: no-repeat; background-position:center center; float: left;margin-left: 1%;margin-top: -3px;}
.liicon_04{background-image: url(../images/adsitemap/tabicon_04.png);width: 26px;height: 26px;background-repeat: no-repeat; background-position:center center; float: left;margin-left: 1%;margin-top: -3px;}
.triangle01 {width:0; height:0; border-top:20px solid #23908D; border-right:20px solid #23908D; border-bottom:20px solid white; border-left:20px solid white;}
.triangle02 {width:0; height:0; border-top:20px solid #cc9b0a; border-right:20px solid #cc9b0a; border-bottom:20px solid white; border-left:20px solid white;}
.triangle03 {width:0; height:0; border-top:20px solid #0e4666; border-right:20px solid #0e4666; border-bottom:20px solid white; border-left:20px solid white;}

/*가로 선*/
.bgline {background-image: url(../image/sitemap/bg_line.png);width: 20px;height: 780px;position: relative;background-repeat: no-repeat;float: left;}


.listbodybox{position: relative;margin: 0 auto;width: 100%; padding:0 0 0 20px;}
.div_box {width:920px; height:auto; margin-bottom:40px;}
/*cont img 3개*/
.contboximg01{background-image: url(../images/adsitemap/cont_001.png);background-repeat: no-repeat; margin-left: 10%; position: relative;width: 76%;height: 225px;float: left;  margin-top: 2%; z-index:1;/* font-family: 'hanna' !important*/}
.contboximg02{background-image: url(../images/adsitemap/cont_002.png);background-repeat: no-repeat; margin-left: 10%; position: relative;width: 76%;height: 292px;float: left;  margin-top: 2%;/* font-family: 'hanna' !important*/}
.contboximg03{background-image: url(../images/adsitemap/cont_003.png);background-repeat: no-repeat; margin-left: 10%; position: relative;width: 76%;height: 163px;float: left;  margin-top: 2%; /*font-family: 'hanna' !important*/}

.trianglewrapper{float: left; width: 28px; height: auto; margin-top: -1px;}
.listbox01, .listbox02, .listbox03{ box-shadow: 2px 2px 10px rgba(0,0,0,0.3); float: left; width: 892px;height:auto;padding:20px 0;}
.listbox01{background-color: #EFF3FE;}
.listbox02{background-color: #FEF4D8;}
.listbox03{background-color: #EFF3FE;}



.listtitle01, .listtitle02, .listtitle03{width: 250px; border-bottom-right-radius:40px;  height:40px; border-top-right-radius:40px; position:relative;}
.listtitle01{background-color: #44ABAB;}
.listtitle02{background-color: #FAC62B;}
.listtitle03{background-color: #0F5E8A;}
.listtitle01>img, .listtitle02>img, .listtitle03>img{ padding:4px 10px; }

.div_box>.text-box:after{clear:both; display:block; content:"";}
/* cont title text */
.contbox_text00{color: #fff; font-size: 16px;font-weight:600; position:absolute; top:11px;}


.lsit_boxtxt01{/*font-family: 'hanna' !important;*/float: left;  width: 180px; list-style: none; padding-left: 30px; font-size: 13px; line-height: 170%;  font-weight:700;}

.lsit_boxtxt001, .lsit_boxtxt002, .lsit_boxtxt003{position: relative; float: left; width: auto; list-style: none;font-size: 13px;font-weight:500;line-height:170%;letter-spacing:-0.5px;}
.lsit_boxtxt001{color: #197676; /*font-family:'Nanum Gothic' !important;*/ }
.lsit_boxtxt002{color: #ae8407;}
.lsit_boxtxt003{color: #124d6f;}


/****************************************** 알림 팝업 관련 css  **********************************************************/
.black_overlay {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity = 80);}

.white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 16px solid orange;background-color: white;z-index: 1002;overflow: auto;}
#fadeandscale {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

.popup_visible #fadeandscale {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.well {position: relative;width: 330px;height: 220px;background: #fff;border-radius: 4px;font-size: 15px;line-height: 20px;font-weight: 600;color: #393939;}

#msg_content {margin: 0 0 20px;}

.well .popimg {width: 100%;height: 120px;line-height: 120px;border-radius: 4px 4px 0 0;margin: 0 0 10px;}

.well .popimg img {vertical-align: middle;}

.well .alert01 {background: #f16661;}

.well .alert02 {background: #8ac48f;}

.well button {display: inline-block;position: absolute;bottom: 15px;left: 50%;margin: 0 0 0 -25px;border: 0;border-radius: 4px;text-align: center;background: #dfdfdf;cursor: pointer;font-size: 13px;font-weight: 600;color: #999;padding: 0 12px;line-height: 25px;height: 25px;}
/****************************************** 알림 팝업 관련 css 끝  **********************************************************/
.data_table:hover {background: #EBEBEB;}