@charset "utf-8";
/* reset */
/*html {margin:0; padding:0;}
body {margin:0; padding:0; font-family:'NanumGothic',sans-serif; font-weight:400; font-size:15px;text-size-adjust: none; -webkit-text-size-adjust:100%;}*/
section, article, aside, footer, header, nav, hgroup {display:block;}
ul,ol,li,dl,dd {list-style:none; margin:0; padding:0;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none;}
div {box-sizing:border-box; position:relative;}
caption {display:none;}
select {margin:0}
/*h1,h2,h3,h4,h5,h6 {margin:0; padding:0; line-height:1;}*/
table {border-collapse: collapse;}
/* iphone text-adjust 문제용 */
div, ul, li, ol, span, p, td, th {-webkit-text-size-adjust:100%;}
/* default */
body {position:relative; font-family:'Noto Sans KR','NanumGothic',sans-serif; font-weight:400 /* normal */; width:100%; /* min-width:1300px; */}
p {line-height:200%;}
/* 공통 -------------------------------------------------------------------------------------------------------------------------- */
.mxr {position:relative; padding: 0px 10px; margin-left:auto !important; margin-right: auto !important; /* 1200 영역 안에 내용을 유지 시키면서 중앙으로 박스를 이동 */}
.sound_only{position:absolute; width:0px; height:0px; overflow:hidden; font-size:0px; text-indent:-9999px;}
.hide, .hidden {display:none;}
.pos-abs{position:absolute;}
.clear{clear:both;}
.ofh {overflow:hidden;}

.fl_left{float:left;}
.fl_right{float:right;}



.goto-top {width:50px; height:50px; background-color:#fff; color:#666; text-transform:uppercase; font-size:14px; text-align:center; border:1px solid #bbbbbb;}
.goto-top .fa{color:#e35c4e;}





/* text align */
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.justify{text-align:justify !important;}

/* inline v align */
.abs-m {vertical-align:middle !important;}

/* bg color */
.bg-lightgray {background-color:#f3f3f4 !important;}
.bg-oceanblue {background-color:#62c9d8 !important;}

/* font color */
.cl-white {color:#fff !important;}
.cl-black {color:#000 !important;}
.cl-red {color:#ee0000 !important;}
.cl-blue {color:#2f4efd !important;}
.cl-green {color:#48b407 !important;}
.cl-khaki {color:#0a8783 !important;}
.cl-yellow {color:#faca38 !important;}
.cl-gray {color:#787878 !important;}
.cl-oceanblue {color:#62c9d8 !important;}
.cl-coral{color:#ff3333 !important;}
.cl-lightred{color:#e9464d !important;}
.cl-gray6{color:#666 !important;}
.cl-green2{color: #006c8b !important;}
.cl-darkblue{color:#1c4f88 !important;}


/* text shadow */
.txs {text-shadow:2px 2px 4px rgba(0,0,0,0.5);}

/* text style */
.bold {font-weight: bold;}

/* line */
.tx_line { border-bottom: 1px solid;}

/* font-size */
.fn13{font-size:13px !important;}
.fn14{font-size:14px !important;}
.fn15{font-size:15px !important;}
.fn16{font-size:16px !important;}
.fn17{font-size:17px !important;}
.fn18{font-size:18px !important;}
.fn19{font-size:19px !important;}
.fn20{font-size:20px !important;}
.fn21{font-size:21px !important;}
.fn22{font-size:22px !important;}
.fn23{font-size:23px !important;}
.fn24{font-size:24px !important;}
.fn25{font-size:25px !important;}
.fn26{font-size:26px !important;}
.fn27{font-size:27px !important;}
.fn28{font-size:28px !important;}
.fn29{font-size:29px !important;}
.fn30{font-size:30px !important;}
.fn31{font-size:31px !important;}
.fn32{font-size:32px !important;}
.fn33{font-size:33px !important;}
.fn34{font-size:34px !important;}
.fn35{font-size:35px !important;}
.fn36{font-size:36px !important;}
.fn37{font-size:37px !important;}
.fn38{font-size:38px !important;}
.fn39{font-size:39px !important;}
.fn40{font-size:40px !important;}
.fn41{font-size:41px !important;}
.fn42{font-size:42px !important;}
.fn43{font-size:43px !important;}
.fn44{font-size:44px !important;}
.fn45{font-size:45px !important;}
.fn46{font-size:46px !important;}
.fn47{font-size:47px !important;}
.fn48{font-size:48px !important;}
.fn49{font-size:49px !important;}
.fn50{font-size:50px !important;}
.fn51{font-size:51px !important;}
.fn52{font-size:52px !important;}
.fn53{font-size:53px !important;}
.fn54{font-size:54px !important;}
.fn55{font-size:55px !important;}
.fn56{font-size:56px !important;}
.fn57{font-size:57px !important;}
.fn58{font-size:58px !important;}
.fn59{font-size:59px !important;}
.fn60{font-size:60px !important;}

.lh150 { line-height:150% !important; }
.lh160 { line-height:160% !important; }
.lh170 { line-height:170% !important; }
.lh180 { line-height:180% !important; }
.lh190 { line-height:190% !important; }
.lh200 { line-height:200% !important; }

.word_ka {word-break: keep-all;}
.word_ba {word-break: break-all;}

.pd10 {padding: 10px; !important; }
.pd20 {padding: 20px; !important; }

/* layout */

#main_content{}
#footer {clear:both;  background-color:#f2f2f2; height:78px; }
#footer .copyright_text{margin-left:10px; text-transform:uppercase; font-size:14px; color:#555555; line-height:78px;}

/* 나눔 폰트 기준 */
.bold {font-weight:700 !important;}
.extrabold {font-weight:800 !important;}

/* 테두리 라인 박스 */
.box_line3 {border:solid 3px #ececec;}

/* 여백 스타일 */
.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mmt10 {margin-top:-10px !important;}

.mb00 {margin-bottom:0px !important;}
.mb01 {margin-bottom:1px !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}

.ml00 {margin-left:0 !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}

.mr00 {margin-right:0 !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}

.mm05 { margin: 5px auto !important; }
.mm10 { margin: 10px auto !important; }
.mm20 { margin: 20px auto !important; }
.mm30 { margin: 30px auto !important; }
.mm40 { margin: 40px auto !important; }
.mm70 { margin: 70px auto !important; }

/* 간격주기 */
.blank1 {clear:both; width:100%; height:1px; padding:0px;}
.blank2 {clear:both; width:100%; height:7px;}
.blank5 {clear:both; width:100%; height:5px;}
.blank10 {clear:both; width:100%; height:10px;}
.blank15 {clear:both; width:100%; height:15px;}
.blank20 {clear:both; width:100%; height:20px;}
.blank30 {clear:both; width:100%; height:30px;}
.blank50 {clear:both; width:100%; height:50px;}
.blank100 {clear:both; width:100%; height:100px;}
.blank125 {clear:both; width:100%; height:125px;}

/*테이블 가로사이즈*/
.col1 {width:1%;}.col2 {width:2%;}.col3 {width:3%;}.col4 {width:4%;}.col5 {width:5%;}.col6 {width:6%;}.col7 {width:7%;}.col8 {width:8%;}.col9 {width:9%;}
.col10 {width:10%;}.col11 {width:11%;}.col12 {width:12%;}.col13 {width:13%;}.col14 {width:14%;}.col15 {width:15%;}.col16 {width:16%;}.col17 {width:17%;}.col18 {width:18%;}.col19 {width:19%;}
.col20 {width:20%;}.col21 {width:21%;}.col22 {width:22%;}.col23 {width:23%;}.col24 {width:24%;}.col25 {width:25%;}.col26 {width:26%;}.col27 {width:27%;}.col28 {width:28%;}.col29 {width:29%;}
.col30 {width:30%;}.col31 {width:31%;}.col32 {width:32%;}.col33 {width:33%;}.col34 {width:34%;}.col35 {width:35%;}.col36 {width:36%;}.col37 {width:37%;}.col38 {width:38%;}.col39 {width:39%;}
.col40 {width:40%;}.col41 {width:41%;}.col42 {width:42%;}.col43 {width:43%;}.col44 {width:44%;}.col45 {width:45%;}.col46 {width:46%;}.col47 {width:47%;}.col48 {width:48%;}.col49 {width:49%;}
.col50 {width:50%;}.col51 {width:51%;}.col52 {width:52%;}.col53 {width:53%;}.col54 {width:54%;}.col55 {width:55%;}.col56 {width:56%;}.col57 {width:57%;}.col58 {width:58%;}.col59 {width:59%;}
.col60 {width:60%;}.col61 {width:61%;}.col62 {width:62%;}.col63 {width:63%;}.col64 {width:64%;}.col65 {width:65%;}.col66 {width:66%;}.col67 {width:67%;}.col68 {width:68%;}.col69 {width:69%;}
.col70 {width:70%;}.col71 {width:71%;}.col72 {width:72%;}.col73 {width:73%;}.col74 {width:74%;}.col75 {width:75%;}.col76 {width:76%;}.col77 {width:77%;}.col78 {width:78%;}.col79 {width:79%;}
.col80 {width:80%;}.col81 {width:81%;}.col82 {width:82%;}.col83 {width:83%;}.col84 {width:84%;}.col85 {width:85%;}.col86 {width:86%;}.col87 {width:87%;}.col88 {width:88%;}.col89 {width:89%;}
.col90 {width:90%;}.col91 {width:91%;}.col92 {width:92%;}.col93 {width:93%;}.col94 {width:94%;}.col85 {width:95%;}.col96 {width:96%;}.col97 {width:97%;}.col98 {width:98%;}.col99 {width:99%;}
.col100 {width:100%;}


/*line*/
.dot_line1 {clear:both; width:100%; height:1px; border-bottom:#ccc dashed 1px; margin:10px 0 10px 0;}
.dot_line2 {clear:both; width:100%; height:1px; border-bottom:#ccc dashed 1px; margin:15px 0 10px 0;}
.sol_line1 {clear:both; width:100%; height:1px; border-bottom:#ccc solid 1px; margin:10px 0 10px 0;}

/*버튼 위치*/
.button_center {width:100%; text-align:center;}
.button_left {float:left; }
.button_left ul {float:left; list-style:none; padding:0; margin:0; text-align:center;}
.button_left li {float:left; list-style:none; text-align:center;}
.button_left li.btn_left {float:left;  text-align:left;} 
.button_left li.btn_right {float:right;  text-align:right;} 
.button_right {float:left;  height:35px; padding:0 10px 0 0px; text-align:right;}

/* 버튼스타일 */
.btn_st {
	display: inline-block;
	margin: 2px 2px;
	border-radius:3px;
	box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
.btn_01{
	color: #4d4d4d;
	font-size:0.95rem;	
	padding:3px 10px 5px 10px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_01:hover {/* 마우스오버 */
	color:#fff;
	background: #555;
	border: 1px solid #e13f5d;
	font-weight:normal;
	background: linear-gradient(to bottom, #e13f5d 10%, #c02945 100%);
}
/*버튼-white*/
.btn_st.white{
	color: #333;
	height:30px;
	padding:2px 25px 2px 25px;
	border: 1px solid #adadad;	
	font-size:15px;
	border-bottom-color: #9a9a9a;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_st.white:hover {/* 마우스오버 */
	color:#F30;
	font-weight:bold;
	background: #f4f4f4;
}
/*버튼-bule*/
.btn_st.bule{
	color: #333;
	height:23px;
	padding:2px 13px 2px 13px;
	border: 1px solid #588def;
	border-bottom-color: #588def;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_st.bule:hover {
	color:#fff;
	background: #588def;
}
/*버튼-bule_ms*/
.btn_st.bule_ms{
	color: #fff;
	height:23px;
	padding:2px 13px 2px 13px;
	border: 1px solid #467fc5;
	border-bottom-color: #4a85cf;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #5396e8;
	background: linear-gradient(to bottom, #5396e8 40%, #4a85cf 100%); 
}
.btn_st.bule_ms:hover {
	color:#fff;
	background: #4a85cf;
}
/*버튼-bule_ss*/
.btn_st.bule_ss{
	color: #fff;
	height:22px;
	font-size: 12px;
	padding:0px 13px 2px 13px;
	letter-spacing:1px;
	border: 1px solid #777777;
	border-bottom-color: #777777;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #9c9c9c;
	background: linear-gradient(to bottom, #9c9c9c 40%, #777777 100%); 
}
.btn_st.bule_ss:hover {
	color:#fff;
	background: #afafaf;
}

.logn_btn_grp .login_btn,.logn_btn_grp .logout_btn,.logn_btn_grp .adm_btn
	{
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px !important;
	cursor: pointer;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	background-color: #242424;
	color: #fff;
}

/* 로그인 창 */
.login_wrap {
	width: 90%;
	max-width: 542px;
	position: relative;
	background-color: #b82643;
	margin: 0 auto;
	font-size: 1.15em;
}

.login_wrap .btn_close {
	background-image: url(../_img/common/btn_close03.png);
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -2000px;
	cursor: pointer;
}

.login_wrap h2 {
	display: block;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	padding: 1em 0 0.5em 0;
}

.login_wrap p {
	display: block;
	color: #fff;
	font-size: 0.85em;
	text-align: center;
	line-height: 1.65em;
	padding: 0.2em 0 0.8em 0;
}

.login_wrap fieldset {
	width: 100%;
	display: block;
	padding: 1.2em 2.2em;
	background-color: #fff;
}

.login_wrap input[type=text],.login_wrap input[type=password] {
	border: 1px solid #ccc;
	line-height: 60px;
	height: 60px;
	margin: 0 0 10px 0;
	padding: 0 1em;
}

.login_wrap ::placeholder {
	color: #7e7e7e;
}

.login_wrap .btn_close {
	top: -45px;
}

.login_wrap .login_submit {
	color: #fff !important;
	border: none !important;
	background-color: #5c5c5c;
	line-height: 60px;
	height: 60px;
}

.login_wrap .login_submit:hover {
	background-color: #b82643;
}

/*upto 버튼 수정*/
#topcontrol {z-index:1000;}