@charset "utf-8";
/* 
Reset & Set Stylesheet
v2.0.1
First Updated: 2017-01-16
Last Updated: 2017-02-09
Author: Truetech
*/
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@font-face {
  font-family: 'NotoS_Bold';
  font-style: normal;
  src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
       url(../font/NotoSansKR-Bold.woff) format('woff'),
       url(../font/NotoSansKR-Bold.otf) format('opentype');
  
}
@font-face {
  font-family: 'NotoS';
  font-style: normal;
  src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
       url(../font/NotoSansKR-Regular.woff) format('woff'),
       url(../font/NotoSansKR-Regular.otf) format('opentype');
}

/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

html, body {width:100%; height:100%;font-family:"SCoreDream", "맑은 고딕", "Malgun Gothic", Helvetica, Arial, sans-serif; font-size:14px;line-height:18px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
dl, dt, dd, ul, ol, li {list-style-type: none; list-style-image: none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:"";content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr { display: none;}
img {vertical-align:middle;max-width:100%;}

/*기타 태그*/
hr {display:none;}
comment {display:none;}
legend { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}

a:link {color:#636363; text-decoration:none;}
a:visited {color:#636363; text-decoration:none;}
a:hover {color:#1abb9c; text-decoration:underline;}
a:active {color:#0030ae; text-decoration:underline;}

/*selection*/
::selection{background:#222;color:#1abb9c;}
::-moz-selection{background:#222;color:#1abb9c;}
::-webkit-selection{background:#222;color:#1abb9c;}

/* text align */
.txt_left {text-align:left !important}
.txt_center {text-align:center !important}
.txt_right {text-align:right !important}
.txt_justify {text-align:justify}
.txt_bold {font-weight:bold}
.txt_normal {font-weight:normal}

/* layer align */
.fl,.floatL{float:left !important} .fr,.floatR{float:right} .fn{float:none}
.db{display:block} .di{display:inline} .dn{display:none} .dib{display:inline-block}
.ofh{overflow:hidden} .ofa{overflow:auto} .ofv{overflow:visible} .ofs{overflow:scroll}
.overflows{overflow-y:auto;overflow-x:hidden}
.tal{text-align:left !important} .tar{text-align:right !important} .tac{text-align:center}
.cl{clear:left} .cr{clear:right} .cb{clear:both}
.ps{position:static} .pr{position:relative} .pa{position:absolute} .pf{position:fixed}
.tablef{table-layout:fixed}  .bg_none {background:none !important;}
.vam{vertical-align:middle}  .border_none {border:none !important;}
.vat{vertical-align:top}

/*fontawesome_size*/
.fa-2{font-size:2em}
.fa-3{font-size:4em}
.fa-4{font-size:7em}
.fa-5{font-size:12em}
.fa-6{font-size:20em}

.mart5 {margin-top:5px;}
.padding0 {padding:0px !important;}
.marb10 {margin-bottom:10px !important;}
.mart6 {margin-top:6px;}
.marl5 {margin-left:5px;}
.marr5 {margin-right:5px;}
.marb10 {margin-bottom:10px;}
.marb20 {margin-bottom:20px;}
.padb20 {padding-bottom:20px;padding-left: 20px;}
.layout_title {color:#333;font-weight:normal;}
.brdb1px {border-bottom: 1px solid #ccc;}
.first li{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
	text-align: right;
	padding-right: 28px;
}
#login_wrap {background-color:#dfd1c7;}
/*#login_wrap #login_contianer{background:url(../images/login_bg.jpg) no-repeat top center;min-height:395px;}*/
#login_wrap #login_contianer{background: linear-gradient(to bottom, #ede3d9 60%, #dfd1c7 50%);;min-height:395px;}
#login_wrap #login_contianer .login_section{max-width:665px;margin:0 auto;padding-top:160px;}
#login_wrap #login_contianer .login_section h1{text-align:center;font-size:40px;color:#333;height:38px;}
#login_wrap #login_contianer .login_section h1 span{font-size:38px;}
#login_wrap #login_contianer .login_section figure{text-align:right;font-size:15px;color:#fff;margin-right:84px;/*letter-spacing:3px;*/}
#login_wrap #login_contianer .login_section .login_box {position:relative;margin-top:50px;background:rgba(255,255,255,0.8);border:1px solid #eee;padding:50px 60px 50px 60px;}
#login_wrap #login_contianer .login_section .user_form{position:relative;width:50%;padding-left:10px;margin:7px 0 10px 10px;}
#login_wrap #login_contianer .login_section .user_form.last{margin-bottom: 20px;}
#login_wrap #login_contianer .login_section .user_form .label{position:absolute;top:8px;left:30px;font-size:18px}
#login_wrap #login_contianer .login_section .user_form input.text{width:100%;padding:2px;border:1px solid #d5d5d5;height: 32px;text-indent: 1em;}
#login_wrap #login_contianer .login_section .button_box{position:absolute;top:105px;left:58%}
#login_wrap #login_contianer .login_section .button_box .btn_type{padding:1.1em 2.7em}
#login_wrap #login_contianer .login_section .copy{font-size:0.95em;text-align:right;margin-top:5px;color:#b3b3b3;}

/*로그인 버튼*/
button{cursor:pointer;-webkit-appearance:none;*overflow:visible;box-sizing:content-box;border:0 none;background:transparent;padding:.4em}
.btn_type{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;border:1px solid #999;padding:.8em 2.5em;background-color:#fff;text-align:center;font-size:1.6em;line-height:1.3;vertical-align:middle;text-decoration:none}
.btn_type.btn-dark{border-color:#e57b60;background-color:#e57b60;}
.btn_type.btn-dark span{color:#fff;font-weight:bold;}
.btn_type.btn-dark span:hover{color:#333;}
.btn_type.btn-dark:hover{background-color:#fff;color:#333;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.btn_type.btn-dark:hover span{color:#333;}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],input.text{-webkit-appearance:none;height:32px;padding:0;border:1px solid #3f70cc;outline-color:#3a61bc;background:#fff;color:#808080;font-size:12px;line-height:1.4;*line-height:32px;text-indent:1em;vertical-align:middle;}
input[type="text"].text-max,input[type="file"].text-max,input[type="password"].text-max,input[type="email"].text-max,input[type="search"].text-max,input.text.text-max{width:99.5%}
textarea{padding:1em;border:1px solid #3f70cc;outline-color:#373737;font-size:14px;line-height:1.6}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,input.text:focus,textarea:focus{outline-width:2px;outline-style:solid}

@media only all and (max-width:1040px) {
	
	#login_wrap #login_contianer .login_section {margin:0 20px 0 20px;}
}
@media only all and (max-width:950px) {
	
	#login_wrap #login_contianer .login_section .user_form {margin-left:0px;width:63%;}
	#login_wrap #login_contianer .login_section .button_box {left:75%}
	.first li{
		padding-right: 0;
	}
}
@media only all and (max-width:870px) {
	
	#login_wrap #login_contianer .login_section .login_box {padding:50px 60px 60px 60px}
	#login_wrap #login_contianer .login_section .user_form {padding-left:0%;width:100%;}
	#login_wrap #login_contianer .login_section .user_form .label {display:none;}
	#login_wrap #login_contianer .login_section .button_box {position:static;margin-top:20px;text-align:center;width:100%;}
	#login_wrap #login_contianer .login_section .button_box .btn_type {padding:0.6em 0;display:block;width:100%;}
	#login_wrap #login_contianer .login_section .button_box .btn_type span {font-size:18px;}
}
@media only all and (max-width:500px) {
	
	#login_wrap {background:url(../images/login/wrap_bg02.jpg) repeat top center;}
	#login_wrap #login_contianer {background:none;}
	#login_wrap #login_contianer .login_section {padding-top:50px;}
	#login_wrap #login_contianer .login_section h1 {font-size:1.5em;text-align:center;}
	#login_wrap #login_contianer .login_section h1 span{font-size:0.75em;}
	#login_wrap #login_contianer .login_section figure{text-align:center;margin-right:0px;font-size:1em;}
	#login_wrap #login_contianer .login_section .login_box {margin-top:15px;padding:20px;}
	#login_wrap #login_contianer .login_section .login_box h2{text-align:center;}
	#login_wrap #login_contianer .login_section .copy {text-align:center;}

}

/*sub_layout*/
.nav_title h1 {font-size:1em;color:#fff;text-shadow:3px 3px 1px #2a3762;font-family:'NotoS_Bold';line-height:3em;}
.nav_title span{font-size:0.8em;font-family:'NotoS';}

.pro_introduce {padding:10px 10px 5px 10px;}
.pro_introduce .profile_pic{color:#E7E7E7;padding-left:20px;}
.pro_introduce .profile_info{padding:0px;text-align:center;width:44%;}
.pro_introduce .profile_info span{font-family: 'NotoS_Bold';font-size:1.5em;color:#1abb9c;}
.pro_introduce .profile_info h2{font-family: 'NotoS';font-size:1.2em;}

footer {background:#fff;display:block;}
footer .pull-right{color:#ccc;font-family: 'NotoS';}

.main_container {background-color:#2a3f54;}

.table tr.trCursor {cursor: pointer;}
.table tr.active  {background:#e4ecf0;} 
.table tr.active2  {background:#969696;} 
.table tr.active_sub {background:#ECFF7C;} 
.table .font_point{color:#f14010;} 

.col-md-offset-5 {text-align:right;margin-top:10px;}
#file_list {margin-top:10px;}

.smcselect .combo_st {height:32px;}
.combolayer {float:left;;height:32px;margin-bottom:20px;width:80%;}
.combolayer label, .combolayer input{float:left;width:50%;margin-right:5px;}
.combolayer select{float:left;height:32px;width:80px;margin-right:5px;}
.combolayer .btn{float:left;}



/* 	게시판 댓글 */
.comment-wrap { margin-top: 50px; border-bottom: 1px solid #1c75c5; }
.comment-wrap .current { padding-bottom: 10px; border-bottom: 1px solid #1c75c5; }
.comment-wrap .current .current-num { color: #d81a43; font-style: normal; }
.comment-input .input-area { padding: 20px; background-color: #f5f5f5; font-size: 0; }
.comment-input .input-area textarea { width: 70%; height: 75px; padding: 3px 5px; resize: none; }
.comment-input .input-area .btn-register { width: 130px; height: 75px; margin-left: 5px; padding: 25px 20px 27px; }
.comment-list .list { padding: 15px 20px 15px; border-top: 1px solid #ddd; }
.comment-list .list > div { margin-top: 15px; }
.comment-list .list > div:first-child { margin-top: 0; }
.comment-list .info > span { margin-left: 20px; }
.comment-list .info > span:first-child { margin-left: 0; }
.comment-list .info .btn-wrap .btn { min-width: 35px; padding: 0 5px; font-size: 13px; }
.comment-list .comment-user-id { font-weight: 700; }
.comment-list .comment-rgst-ymd { font-size: 11px;}
.comment-list .comment-rgst-hm { font-size: 11px; margin-left: 3px}
.comment-list .list .text-modify .input-area textarea { width: 65%; }
.comment-list .btn-toggle { display: inline-block; position: relative; padding: 5px 15px 6px 30px; border: 1px solid #1c75c5; border-radius: 4px; /*background: url(../images/creative/icon-comment.png) no-repeat 5px center;*/ color: #1c75c5; font-size: 13px; }


@media screen and (max-width: 767px) {
	.comment-input .current { font-size: 13px; }
    .comment-input .input-area { margin-top: 5px; }
    .comment-input .input-area textarea { width: 100%; }
    .comment-input .input-area .btn-register { width: 100%; height: auto; margin-top: 5px; margin-left: 0; padding: 3px 20px 5px; font-size: 13px; }
    .comment-list .list { padding: 10px; }
    .comment-list .list > div { margin-top: 10px; }
    .comment-list .info > span { margin-left: 10px; font-size: 13px; }
    .comment-list .info .btn-wrap { display: block; margin-left: 0; }
    .comment-list .text { font-size: 13px; }
    .comment-list .btn-toggle { padding: 2px 15px 2px 28px; font-size: 12px; }
    .comment-list .btn-toggle:after { top: 8px; }
    .comment-list .btn-toggle.active:after { top: 3px; }
    .comment-list .list .text-modify .input-area textarea { width: 100%; }
}


.comment-list .btn.blue-line,
.comment-input .btn.blue-line{
    background-color: #fff;
    color: #1c75c5;
    border: 1px solid #1c75c5;
}