@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Etc

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url(padding_margin.css);


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Basic

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html,body{height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea{margin:0;padding:0;color:#404040;font-size:14px;font-family:'Noto Sans KR','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none}
p{text-align:left}
img{border:none;vertical-align:top}
img.ui-datepicker-trigger{margin:0px 5px; vertical-align:middle}
hr{display:none}
#txt hr{display:block;}
fieldset{border:none}
legend{display:none}
li p, dd p{margin-left:0}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0}
table caption{overflow:hidden; position:relative; line-height:1px; font-size:1px; text-indent:-30000px;}

/* 초기 한글사용(한글 및 중국, 일본 사이트용) */
input[type="text"],
input[type="password"],
textarea{ime-mode:active;}

/* 초기 영문사용(영문사이트용)
input[type="text"],
input[type="password"],
textarea{ime-mode:inactive;}
*/


* {
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	word-wrap: break-word;
	word-break: keep-all;
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Align

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.left,
.cell_left{text-align:left !important;}
.right,
.cell_right{text-align:right !important;}
.center,
.cell_center{text-align:center !important;}
.ft_left{float:left;}
.ft_right{float:right;}
.clear{clear:both;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Link

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a:link,
a:visited,
a:active{text-decoration:none; color:#636363}
a:hover,
a:focus{text-decoration:underline;color:#3d2085}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Form

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
input[type="text"] {height:20px; padding:0 5px; line-height:20px; border:1px solid #cecece; vertical-align:middle; box-sizing:border-box;}
input[type=radio],
input[type="checkbox"]{margin-right:2px; vertical-align:middle;}
input[type="submit"] {height:20px; padding:0 5px; line-height:20px; vertical-align:middle; cursor:pointer; border:none; background:#ccc; box-sizing:border-box;}
input[type="file"] {cursor:pointer; vertical-align:middle; box-sizing:border-box;}
input[type="text"],
input[type="password"],
input[type="submit"], button {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/

    -webkit-border-radius: 0;
}
textarea {border:1px solid #dbdbdb; padding:5px; box-sizing:border-box;}
select {border:1px solid #dbdbdb; padding:5px; cursor:pointer; vertical-align:middle; box-sizing:border-box;}

input[readonly="readonly"],
textarea[readonly="readonly"]{background:#ddd;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Heading

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h2,h3,h4,h5,h6{font-weight:500;}
h4,h5,h6,.h7{position:relative;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	새창링크

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a.blank{display:inline-block; padding-right:16px; font-size:14px; background:url(/common/images/core/win.gif) no-repeat right 4px;}
a.blank:link,
a.blank:visited,
a.blank:active{color:#404040;}
a.blank:hover{text-decoration:underline; color:#404040;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Table

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.table{width:100%; border-top:1px solid #4e4e4e;}
.table th,
.table td{padding:10px; font-weight:normal; font-size:14px; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; text-align:center; border-bottom:1px solid #cacaca; color:#404040;}
.table th,
.table tfoot th,
.table tfoot td{font-weight:500; background:#f2f3f0;}
.table td{font-weight:normal;}
.table th.point,
.table td.point{background:#f2f3f0;}
.table tr th:first-child,
.table tr td:first-child{border-left:none; border-right:1px solid #c8c8c8;}
.table tr th:last-child,
.table tr td:last-child{border-right:none !important;}
.table tr td input[type=text],
.table tr td input[type=password],
.table tr td textarea{width:100%; max-width:100%; height:35px; line-height:35px; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}
.table tr td textarea{height:auto; line-height:22px;}
.table tr td .btn{vertical-align:middle;}

/* 예외처리 */
.table table.no{width:100%;}
.table table.no th,
.table table.no td{border:none; padding:3px 0px; background:none;}

@media screen and (max-width: 700px){
    .table_wrap{overflow-x:auto;}
    .table_wrap .table{width:700px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Skip

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#skip {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a{
	display:block; position:absolute; left:0; padding:10px; color:#fff; background-color:#000;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
#skip a:link,
#skip a:visited,
#skip a:active{top:-10000px;}
#skip a:hover,
#skip a:focus{top:0;}
.hidden{position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; visibility:hidden;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Font & color

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bold{font-weight:600 !important}
.bold_no{font-weight:normal !important}

.red {color:#ff0000 !important;}
.sky {color:#04adbf !important;}
.orange {color:#e76d01 !important;}
.blue {color:#09C !important;}
.green {color:#56b145 !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	scroll

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.mCSB_container{margin:0 !important;}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Tab

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_tab{margin-bottom:30px; padding:4px 0px 9px 0px;}
.js_tab .title{display:none;}
.js_tab ul{overflow:hidden; margin:0px 5px;}
.js_tab ul li{float:left;}
.js_tab ul li a{
	overflow:hidden; display:block; width:138px; height:46px; line-height:43px; padding:0px 30px; margin:5px 5px 0px 5px; text-align:center; font-size:17px; box-sizing:border-box;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
}
.js_tab ul li.no a{cursor:default;}
.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active,
.js_tab ul li.no a:link,
.js_tab ul li.no a:visited,
.js_tab ul li.no a:active,
.js_tab ul li.no a:hover{font-weight:normal; text-decoration:none; color:#505050; background-color:#eee;}
.js_tab ul li a:hover,
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover{text-decoration:none; font-weight:normal; color:#fff; background-color:#dc4262;}


.js_tab.select{
	overflow:hidden; padding:0; border:none; background:url(/common/images/core/icon_tab.gif) no-repeat right 20px; background-color:#dc4262;
	border-radius:10px;
    -webkit-border-radius:10px;
}
.js_tab.select ul{display:none; padding:0; margin:0;}
.js_tab.select ul li{float:none;}
.js_tab.select ul li a{
	width:100%; margin:0; font-size:16px; text-align:left; border-top:1px dashed #999;
	border-radius:0px;
    -webkit-border-radius:0px;
}
.js_tab.select ul li a:link,
.js_tab.select ul li a:visited,
.js_tab.select ul li a:active,
.js_tab.select ul li.on a:link,
.js_tab.select ul li.on a:visited,
.js_tab.select ul li.on a:active{font-weight:normal; color:#323330 !important; background:#ededed !important;}
.js_tab.select ul li a:hover,
.js_tab.select ul li.on a:hover{font-weight:normal; color:#fff !important; background:#999 !important;}
.js_tab.select .title{display:block;}
.js_tab.select .title a{display:block; height:45px; line-height:45px; padding:0px 47px 0px 22px; font-weight:600; font-size:16px; color:#fff;}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Mobile_check Tag

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_mobile_check{display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}





/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

	Selectbox Tag

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_selectbox{position:relative; z-index:0; width:150px; height:29px; margin-bottom:6px; cursor:pointer;}
.js_selectbox ul{width:100%; min-height:33px; border:1px solid #ccc; background:#fff url(/common/images/common/icon_arrow_bottom_03.gif) no-repeat right 13px; box-sizing:border-box;}
.js_selectbox ul li{float:none !important; overflow:hidden; position:relative; display:block; width:auto !important; height:auto !important; padding:0; border-top:1px dashed #ccc; background:none !important;}
.js_selectbox ul li:first-child{border-top:none;}
.js_selectbox ul li input{position:absolute; left:-30px;}
.js_selectbox ul li label,
.js_selectbox ul li a{cursor:pointer; text-decoration:none; font-size:13px; color:#2c2c2c;}
.js_selectbox ul li a{display:block; width:100%; height:100%; padding:8px 20px 8px 10px; box-sizing:border-box;}
.js_selectbox ul li a:hover{text-decoration:underline; background-color:#eee;}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

    Page

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page{text-align:center; margin:15px 0px;}
.page a{overflow:hidden; display:inline-block; margin:0px 5px; vertical-align:middle; font-size:13px;}
.page a:link,
.page a:visited,
.page a:active{color:#444;}
.page a:hover,
.page a strong{text-decoration:underline; font-weight:normal; color:#c11b2b;}
.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{width:27px; height:27px; margin:0; text-indent:-200px;}
.page a.page_left{margin-right:10px;}
.page a.page_right{margin-left:10px;}
.page a.page_first{background:url(/common/images/core/icon_page_first.gif) no-repeat left top;}
.page a.page_left{background:url(/common/images/core/icon_page_left.gif) no-repeat left top;}
.page a.page_right{background:url(/common/images/core/icon_page_right.gif) no-repeat left top;}
.page a.page_end{background:url(/common/images/core/icon_page_end.gif) no-repeat left top;}
.page a.page_first:hover{background:url(/common/images/core/icon_page_first_ov.gif) no-repeat left top;}
.page a.page_left:hover{background:url(/common/images/core/icon_page_left_ov.gif) no-repeat left top;}
.page a.page_right:hover{background:url(/common/images/core/icon_page_right_ov.gif) no-repeat left top;}
.page a.page_end:hover{background:url(/common/images/core/icon_page_end_ov.gif) no-repeat left top;}


@media screen and (max-width: 800px){
    .page a{margin:0px 3px;}
    .page a.page_first,
    .page a.page_end{display:none;}
    .page a.page_left{margin-right:5px;}
    .page a.page_right{margin-left:5px;}
}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

    btn

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

a {
	text-decoration:none
}
a:link,a:visited {
	color:#666
}
a:hover,a:focus,a:active {
	color:#000
}
.btn {
	display:inline-block;
	position:relative;
	border:0;
	outline:0;
	background:0;
	color:inherit;
	text-transform:uppercase;
	cursor:pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s
}
.btn {
	border:1px solid transparent;
	background-image:none;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap
}
.btn * {
	vertical-align:middle
}
.btn:after {
	position:absolute;
	z-index:-1;
	content:'';
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s
}
.btn:before {
	position:relative;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-transform:none;
	line-height:1;
	speak:none;
	-webkit-font-smoothing:antialiased
}
.btn.btn-file {
	background-color:#fff;
	border:1px solid #ccc;
	 padding:12px 15px;
}

.btn.btn-file,.btn.disabled.btn-file,.btn.btn-file,.btn.btn-file:link,.btn.btn-file:visited {
	color:#54535a
}
.btn.btn-file:hover,.btn.btn-file:focus,.btn.btn-file:active {
	color:#000
}
.bico.bticon.file {
	background-position:-88px 0
}
.bico.bticon.ai {
    background-position: -132px 0;
}
.bico.bticon.jpg {
    background-position: -154px 0;
}
.bico.bticon {position: relative;
    top: -1px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../../images/content/ico_file.png) no-repeat;
}
.bico.bticon.left {
    margin-right: 5px;
}