@charset "utf-8";  
@import url(/Main/design/gb/ko/css/skin_pg.css);
/* 
 * Common CSS Document
 * 2017-10-18
 */

/* reset */
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family:sans-serif, "돋움", dotum, "굴림", gulim, sans-serif; color:#5f6166;}
body {font-size:14px;}
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table {font-size:14px;}
h1,h2,h3,h4,h5,h6 {text-align:left; font-weight:400; letter-spacing:-1px;}
img, fieldset, button {border:0;}
textarea {overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden !important; position:absolute !important; top:0 !important; left:-2000em !important; line-height:0 !important;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* 링크 기본값 */
a:link{text-decoration:none; color:#5f6166;}
a:visited{text-decoration:none; color:#5f6166;}
a:hover{text-decoration:none; color:#5f6166;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* Skip Navigation */
#accessibility a {display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:25px; line-height:25px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#accessibility a:hover {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
#accessibility a:active {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
#accessibility a:focus {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
a#content {margin:0; padding:0; font-size:0; line-height:0;}

#skipNavWrap { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipNavWrap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:bold !important;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; padding:25px 0; background: #4764ce; color: #fff; font-size: 13px; font-weight: bold;}

/* 정렬 */
.floatl {float:left;}
.floatr {float:right;}
.clear {clear:both;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}
.disN {position:absolute; top:-99999999px;}
.bold {font-weight:bold;}

/* 스프라이트 이미지 */
.sprh_com,
.bx-controls a,
#wholeView .wv_wrap .nav .language_area > li > a:before,
#wholeView .wv_wrap .nav .language_area > li > a:after,
#header #gnb > li > div .sub > ul > li > a .blank,
#header #gnb > li > div .sub > ul > li > ul > li > a .blank,
#wholeView .wv_wrap .head .sns li a:before,
#wholeView .wv_wrap .nav a > .blank,
#wholeView .wv_wrap .nav>ul>li>a .unfd,
#wholeView .wv_wrap .nav>ul>li>ul>li>a:after,
#wholeView .wv_wrap .nav>ul>li>ul>li>a .unfd,
#header .util_area .lang_area button:after,
#header .gnb_wholeview .wv_wrap .nav > ul > li > div > ul > li > a .blank,
#wholeView #gnb_mobile>li>a .unfd,
.sub_top .location>li:before,
.sub_top .location>li:first-child:before,
.cont_main .section_svc .svc_wrap .lst li a .blank,
.sitemap li ul li a .blank,
.organ_section li a .blank,
#side .snb a .blank,
#side .snb>li>a .unfd,
.tabmenu2 ul li a:before,
.paragraph_section li dt a .blank,
.project dd a .blank,
.charter li a .blank,
.organ_wrap .team03 li a .blank,
.organ_wrap .team_list a .blank,
.jojik_list .homepage .blank,
.page_tab ul li p a.blank,
.tannounce_list ul li p a.blank,
.cont_foot .cont_manager dt:before,
#footer .site_area .lst li a.blank,
#footer .site_area button:after,
#footer .footer_wrap .inr .right .site_area button:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; text-indent:100%; background:url('/Main/Images/ko/common/sprh_com.png') no-repeat 0 0;}

/* Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle;}
.form_control{padding:7px 8px; border:1px solid #ccc; border-radius:2px; background:#fff; vertical-align:middle; transition:border-color 0.2s;}
.form_control:focus{outline:0; border-color:#3aabf0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(58,171,240,0.6);}
.form_control:hover{border-color:#99d3f7; box-shadow:0 0 4px rgba(153,211,247,0.4);}
input[type=text],
input[type=password],
select{ border:1px solid #d8d8d8; padding:0 5px; box-sizing:border-box;}
textarea {border:1px solid #d8d8d8; padding:0 5px; box-sizing:border-box;}
select::-ms-expand {background-color: transparent; border: 0;}
input[type=file]{height:auto; padding: 0; background:#eee; font-size:14px;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[readonly]{background: #eee;}

/* Button Common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; /*cursor:pointer;*/ transition:background-color .1s, border-color .1s, box-shadow .1s;}
.button{/*min-width:68px;*/ height:35px; padding:0 15px; border:1px solid transparent; border-radius:3px; background-color:#fff; font-size:12px; font-weight:400; line-height:33px; letter-spacing:0;}
.button span{height: 100%; vertical-align:middle;}
.button img{vertical-align:middle;}
/* Button Size - default / small / large */
.button{height:32px; font-size:14px; line-height:30px;}
.button.xs{height:23px; padding:0 10px; border-radius:2px; font-size:13px; line-height:21px;}
.button.sm{height:25px; padding:0 12px; font-size:14px; line-height:23px;}
.button.lg{height:35px; padding:0 20px; font-weight:600; font-size:15px; line-height:33px;}
/* 게시판 버튼 사이즈 */
.button.bbs{width:90px; padding:0;}
/* 고문변호사 */
.button.law{width:60px; padding:0;}
/* Button Color */
.button{border-color:#aaa; background-color:#fff; color:#333 !important;}
.button.green,
.button.save{border-color:#92b40f; background-color:#9cc10e; color:#fff !important;}
.button.blue{border-color:#397bc5; background-color:#458ad8; color:#fff !important;}
.button.orange{border-color:#fc7938; background-color:#fc8a51; color:#fff !important;}
.button.violet{border-color:#a65089; background-color:#c265a4; color:#fff !important;}
.button.red{border-color:#dc1b4b; background-color:#e52c5a; color:#fff !important;}
.button.lightgray{border-color:#cdd2d8; background-color:#e2e6e9; color:#4c4c4c !important;}
.button.gray{border-color:#686868; background-color:#686868; color:#fff !important;}
.button.black{border-color:#45474d; background-color:#45474d; color:#fff !important;}
.button.file{height:30px; padding:0 10px 0 30px; border-color:#d9d9d9; background:#f2f2f2 url('../../../../Images/skin/common/ico_bbs_preview.png') no-repeat 10px 50%; line-height:28px;}
/* Button Strong */
.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}

/* Base Table */
.table{width:100%; margin:10px 0; border:1px solid #e4e4e4;}
.table th,
.table td{padding:5px 10px; border:1px solid #e4e4e4; word-break:keep-all; word-wrap:break-word;}
.table th{background:#f2f2f2; font-weight:bold; text-align:center;}
.table tbody th{background:none;}
/* table2 */
.table2{width:100%; margin:10px 0; border-top:2px solid #151515;}
.table2 th,
.table2 td{padding:13px 10px; border-bottom:1px solid #d9d9d9; word-break:keep-all; word-wrap:break-word;}
.table2 th{border-right:1px solid #d9d9d9; background:#fafafb; font-weight:bold; text-align:center;}
.table2 td + th{border-left:1px solid #d9d9d9;}
/* 모바일 테이블 스크롤 */
@media all and (max-width:767px) {
	.table_wrap{overflow:auto;}
	.table_wrap .table{width:700px;}
}

/* Table Type */
table.fixed{table-layout:fixed;}