@charset "utf-8";

@import url(style.css);
@import url(board.css);
@import url(unityPblntf/font.css);

/* default */
html {width:100%;height:100%;}
body {width:100%;height:100%;padding:0px;margin:0px;background-color:#fff;color:#666666;font-family:"NanumSquareNeo";font-size:12px;line-height:16px;font-weight:normal;}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:16px;vertical-align:top;}
form, fieldset, p {margin:0;padding:0;border:0;}
table {width:100%;}
table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;border-spacing:0;}
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:top;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input {margin:0;vertical-align:middle;}
select {margin:0;vertical-align:middle;font-family:"돋움";font-size:12px;}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
address {font-style:normal;}

/* 컨텐츠정렬관련 */
.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}

/* 커서 */
.cursor {cursor:pointer;}

/* 링크 */
a {text-decoration:none;color:#666666;cursor:pointer;}
a:hover, a:focus, a:active {color:#666666;text-decoration:none;}
a:link, a:visited {text-decoration:none;}

/* 입력폼 */
.text1 {height:21px;padding-left:10px;border:2px solid #e5e5e5;background:#fff;color:#666666;}
.radio1 {height:12px;border:0px;width:12px;margin-bottom:2px;}
.check1 {height:12px;width:12px;border:0;vertical-align:middle;}

/* 건너뛰기 */
#skipnavi {position:absolute;top:0;left:0;height:0;padding:10px 0 0 20px;overflow:hidden;}
#skipnavi li {text-decoration:underline;}
#returntop {position:absolute;bottom:0;left:0;height:0;overflow:hidden;}

/* 히든텍스트 */
.hidden_text {position:absolute;width:0px;height:0px;font-size:0px;margin:0px;padding:0px;line-height:0px;overflow:hidden;}

/* layout */

/* wrap */
#wrap {width:100%;background:url('../../info/common/bg_wrap.gif') repeat-x 0 0;}

/* header */
#header {width:1000px;height:119px;margin:0 auto;background:url('../../info/common/bg_wrap.gif') repeat-x 0 0;position:relative;z-index:10;}
#header h1 {position:absolute;top:53px;left:0;}
#header .top_search {position:absolute;top:8px;right:440px;width:228px;height:29px;}
#header .top_search input {float:left;width:188px;height:23px;border:2px solid #acacac;border-right:0;padding:2px 0 0 8px;color:#686868;}
#header .util_menu {position:absolute;top:8px;right:0;}
#header .util_menu li {float:left;}

#gnb {position:absolute;top:77px;left:345px;}
#gnb li {float:left;height:40px;}
#gnb li a {display:block;}
#gnb .gnb1 {width:81px;margin-right:74px;}
#gnb .gnb2 {width:81px;margin-right:79px;}
#gnb .gnb3 {width:121px;margin-right:81px;}
#gnb .gnb4 {width:136px;}

#gnb .sub1 {position:absolute;top:42px;left:0;width:733px;height:115px;margin-left:-345px;padding:20px 0 0 265px;border:1px solid #a2a2a2;border-top:0;background:url('../../info/common/tit_sub1.gif') no-repeat 25px 15px #ffffff;z-index:100;}
#gnb .sub1 li {float:left;width:180px;height:30px;}
#gnb .sub1 li ul {height:70px;padding-left:9px;margin-top:30px;border-left:1px solid #c3c3c3;}
#gnb .sub1 li ul li {height:25px;float:none;background:none;}
#gnb .sub1 li ul li a {color:#2e2e2e;}
#gnb .sub1 li ul li a:hover,
#gnb .sub1 li ul li a.on {font-weight:bold;color:#207ebc;letter-spacing:-1px;}

#gnb .sub2 {position:absolute;top:42px;left:0;width:733px;height:110px;margin-left:-345px;padding:20px 0 0 265px;border:1px solid #a2a2a2;border-top:0;background:url('../../info/common/tit_sub2.gif') no-repeat 23px 22px #ffffff;z-index:100;}
#gnb .sub2 li {float:left;width:170px;height:30px;}
#gnb .sub2 li ul {height:70px;padding-left:9px;margin-top:25px;border-left:1px solid #c3c3c3;}
#gnb .sub2 li ul li {height:23px;float:none;background:none;}
#gnb .sub2 li ul li a {color:#2e2e2e;}
#gnb .sub2 li ul li a:hover,
#gnb .sub2 li ul li a.on {font-weight:bold;color:#4f51a3;letter-spacing:-1px;}

#gnb .sub3 {position:absolute;top:42px;left:0;width:635px;height:110px;margin-left:-345px;padding:20px 0 0 363px;border:1px solid #a2a2a2;border-top:0;background:url('../../info/common/tit_sub3.gif') no-repeat 19px 14px #ffffff;z-index:100;}
#gnb .sub3 li {float:left;width:210px;height:30px;}
#gnb .sub3 li ul {height:70px;padding-left:9px;margin-top:25px;border-left:1px solid #c3c3c3;}
#gnb .sub3 li ul li {height:23px;float:none;background:none;}
#gnb .sub3 li ul li a {color:#2e2e2e;}
#gnb .sub3 li ul li a:hover,
#gnb .sub3 li ul li a.on {font-weight:bold;color:#e51937;letter-spacing:-1px;}

#gnb .sub4 {position:absolute;top:42px;left:0;width:635px;height:110px;margin-left:-345px;padding:20px 0 0 363px;border:1px solid #a2a2a2;border-top:0;background:url('../../info/common/tit_sub4.gif') no-repeat 18px 35px #ffffff;z-index:100;}
#gnb .sub4 li {float:left;width:140px;height:30px;text-indent:0;background:none;}
#gnb .sub4 li ul {height:70px;padding-left:9px;margin-top:25px;border-left:1px solid #c3c3c3;}
#gnb .sub4 li ul li {height:23px;float:none;background:none;}
#gnb .sub4 li ul li a {color:#2e2e2e;}
#gnb .sub4 li ul li a:hover,
#gnb .sub4 li ul li a.on {font-weight:bold;color:#187423;letter-spacing:-1px;}
#gnb .sub4 .st1 {width:200px;}




/* container */
#container {width:100%;background:#f3f3f3;position:relative;} /* background:url('../../info/common/bg_container.gif') repeat 0 0; */
#container #container_cont {width:1000px;margin:0 auto;background:url('../../info/common/bg_container_cont.gif') repeat-y 0 0;}
#container #container_cont:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

#left_menu {float:left;width:208px;padding-top:30px;}
#left_menu h2 {height:130px;}
#left_menu .lnb {padding:0 14px 0 15px;}
#left_menu .lnb a {display:block;height:25px;padding:15px 0 0 5px;border-bottom:1px solid #e3e3e3;}
#left_menu .lnb a:hover,
#left_menu .lnb a.on {background:url('../../info/common/bg_lnb_on.gif') no-repeat 166px 16px;}
#left_menu .lnb .depth {padding:10px 0 0 15px;margin-top:1px;border-bottom:1px solid #e3e3e3;background:#f6f6f6;}
#left_menu .lnb .depth li {}
#left_menu .lnb .depth li a {padding:0 0 0 12px;border-bottom:0;color:#4c4c4c;}
#left_menu .lnb .depth li a:hover,
#left_menu .lnb .depth li a.on {font-weight:bold;letter-spacing:-1px;}

#left_menu .lnb.sub1 .depth li a:hover,
#left_menu .lnb.sub1 .depth li a.on {background:url('../../info/info/lnb_depth_on.gif') no-repeat 0 5px;}
#left_menu .lnb.sub2 .depth li a:hover,
#left_menu .lnb.sub2 .depth li a.on {background:url('../../info/assess/lnb_depth_on.gif') no-repeat 0 5px;}
#left_menu .lnb.sub3 .depth li a:hover,
#left_menu .lnb.sub3 .depth li a.on {background:url('../../info/violate/lnb_depth_on.gif') no-repeat 0 5px;}
#left_menu .lnb.sub4 .depth li a:hover,
#left_menu .lnb.sub4 .depth li a.on {background:url('../../info/api/lnb_depth_on.gif') no-repeat 0 5px;}


/* contents */
#contents {float:right;width:760px;margin:0 auto;padding:15px 10px 130px 0;}
.location {height:50px;text-align:right;color:#5b5a5a;}
.location a {color:#767676;}
.location strong {color:#2c2c2c;}
.location .h {padding-left:15px;background:url('../../info/ico/ico_home.gif') no-repeat 0 2px;}
.page_tit {height:90px;}
.page_tit h3 {}

/* combine_cont */
#combine_cont {width:880px;padding:15px 60px 30px 60px;margin:0 auto;background:#ffffff;}

/* footer */
#footer {width:100%;height:106px;background:url('../../info/common/bg_footer.gif') repeat-x 0 0;}
#footer .footer_cont {width:1000px;height:106px;margin:0 auto;background:url('../../info/common/bg_footer.gif') repeat-x 0 0;position:relative;}
#footer .footer_cont .logo1 {position:absolute;top:28px;left:64px;}
#footer .footer_cont .logo2 {position:absolute;top:28px;left:142px;}
#footer .footer_cont .foot_link {position:absolute;top:27px;left:266px;}
#footer .footer_cont .foot_link li {float:left;margin-right:15px;}
#footer .footer_cont address {position:absolute;top:49px;left:266px;}
#footer .footer_cont .logo3 {position:absolute;top:28px;left:686px;}
#footer .footer_cont .logo4 {position:absolute;top:28px;right:10px;}


/* quick */
.quick {position:absolute;top:0;left:50%;margin-left:510px;width:185px;height:253px;background:url('../../info/common/bg_quick.gif') no-repeat;}
.quick .tit {height:95px;padding-top:10px;text-align:center;}
.quick .tit p {padding-top:10px;color:#626262;}
.quick .list {padding-left:15px;}
.quick .list li {width:160px;padding-top:15px;color:#207ebc;background:#ffffff;}
.quick .btn_area {position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
.quick .btn_area .btn_gray {padding-right:10px;}
.quick .btn_area .btn_gray span {padding-left:10px;}

/* alert_wrap */
#alert_wrap {}
#alert_wrap #alert_container {padding-top:8%;text-align:center;}
#alert_wrap #footer {position:absolute;bottom:0;left:0;}

#alert_wrap.open_alert {}
#alert_wrap.open_alert #alert_container{padding-top:0;position:absolute;top:50%;transform:translate(-50%, -50%);left:50%;border-radius:40px;overflow:hidden;max-width:700px;width: 100%;}
#alert_wrap.open_alert #alert_container img{width:100%;}
#alert_wrap.open_alert #alert_modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.3);z-index:-99}
 

/*20150326*/
.board_search2 .inner {float:right;}
.api_search {overflow:hidden;}
.api_search dt {float:left;margin-left:15px;padding:3px 5px 10px;font-weight:bold;color:#666666;background:url('../../info/ico/bul9.gif') no-repeat 0 8px;}
.api_search dd {float:left;}
.api_search dd input {width:162px;height:19px;padding-left:4px;border:1px solid #cecece;}
/*20150326*/

@media (max-width: 700px){
	#alert_wrap.open_alert #alert_container{border-radius:0px;top:0;transform:translate(-50%, 0);}
}