@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

* { outline:none; }

/* float 처리  */
.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display: inline-block; }
/* Hides from IE-mac \\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

::selection {background:#dc2424; color: #FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}
::-moz-selection {background:#dc2424; color: #FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}
::-webkit-selection {background:#dc2424; color: #FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}


/* =============================================
	reset
============================================= */
html {overflow-y:scroll;font-family: 'Montserrat', 'Nanum Gothic', sans-serif;}
body {margin:0;padding:0;font-size:14px;font-family: 'Montserrat','Nanum Gothic', sans-serif; word-break:keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, ul li {margin: 0; padding: 0; list-style: none;}
/* #hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none} */
legend {display: none;position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#4e4e4e;text-decoration:none}
a:hover, a:focus, a:active {color:#4e4e4e;text-decoration:none}


.ellipsis {
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 word-wrap:break-word; 
}

.in_block { display:inline-block; }

/* =============================================
	header
============================================= */
#header { position:fixed; width:100%; background:#fff; transition:all 0.5s;  top:0; left:0; z-index:99; }
#header h1 {font-size: 1em;letter-spacing: -0.05em;line-height: 40px;text-align: center;}
/* #header {background:#f1f1f1; height:40px; transition:all 0.5s;  overflow:hidden; }
#header .sns {line-height:40px; } */
#header .tnb .contactus {text-align:right;}
#header .tnb .contactus li {display:inline-block; padding-right:10px;}
#header .tnb .contactus li:first-child {background:url(../img/header/dot.png) right center no-repeat;}
#header .tnb .contactus li a {display:block; padding-left:15px; font-size:13px; color:#515151; line-height:40px;}
#header .tnb .contactus .phone { background:url(../img/header/icon_phone.png) left center no-repeat; background-size:14px; }
#header .tnb .contactus .contact { background:url(../img/header/icon_contact.png) left center no-repeat; background-size:10px; }
#header .tnb .search {font-size:0;}
#header .tnb .search input[type=text] {display:inline-block; background:#dadada; color:#fff; border:0px; height:40px; width:80%; font-size:13px; padding:10px;}
#header .tnb .search button {display:inline-block; border:0px; background:#515151 url(../img/header/icon_search.png) center center no-repeat; background-size:18px; width:20%; height:40px; text-indent:-500em;}
#header .tnb .language {background:#d82a34;}
#header .tnb .language select {border:none; background:url(../img/header/icon_language.png) 15px center no-repeat; background-size:15px; height:40px; color:#fff;  width:100%; padding-left:30px;}
#header .tnb .language select option {color:#666;}
#header .head {border-bottom:2px solid #435061; transition:all 0.5s; }
#header .head .logo {}
#header .head .logo a {display:block; width:154px; height:55px; background:url(../img/header/m-logo_230502.png) center center no-repeat; background-size:154px; text-indent:-500em; margin:20px 0 10px 0;}

#header .tnb .language ul li { /* float: left; width:50%; */ }
#header .tnb .language ul li a { color:#fff; border:none; height:40px; color:#fff;display:block; line-height: 40px;}
#header .tnb .language ul .en a { background: #666 url(../img/header/icon_language.png) 15px center no-repeat; background-size:18px; padding-left: 35px; }
#header .tnb .language ul .kor a { background:url(../img/header/kor.png) 15px center no-repeat; padding-left: 45px; }


/*#header .container { position:relative; }*/
#header .inner {position:absolute; right:0; top:92px; width:357px; z-index:-1; background:#fff; border:1px solid #ddd; transition:all 0.5s; opacity:0; height:0; overflow:hidden; /*opacity:1; height:auto; z-index:9;*/ }
#header .inner.active { opacity:1; z-index:9; height:275px; overflow-y:scroll; }
#header .request_popup_box {padding:20px;}
#header .request_popup_box .close_box { margin-bottom: 10px; text-align: right; }
#header .request_popup_box .close_box i { font-size:20px; color:#999; cursor:pointer; }
#header .request_input_box {margin-bottom:10px;}
#header .request_input_box input[type=email],
#header .request_input_box input[type=text] {background:#eceff1; font-size:13px; color:#90a4ae; border:0; width:100%; padding:10px;}
#header .request_input_box textarea {background:#eceff1; font-size:13px; color:#90a4ae; border:0; width:100%; padding:10px; height:100px;}

#header .inner .btnArea {text-align:center; padding:0 40px;}
#header .inner .submit_btn {background: linear-gradient(to bottom,#f3511e 0,#da4315 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3511e',endColorstr='#da4315',GradientType=0); border:0; padding:10px 30px; border-radius:5px; color:#fff; text-transform:uppercase; font-size:14px;}
#header .inner .submit_btn:hover {background: linear-gradient(to bottom,#da4315 0,#f3511e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da4315',endColorstr='#f3511e',GradientType=0);}


#header.fixed {  }
#header.fixed .tnb { height:0; }

.fixed_wrap { padding-top: 87px; box-sizing:border-box; transition:all 0.5s; }
.fixed_wrap.fixed {  }


@media (max-width: 1200px) {
	

}

@media (max-width: 992px) {
	#header.fixed {  }
	#header.fixed .tnb {  }

	.fixed_wrap { padding-top: 130px; }
	.fixed_wrap.fixed { padding-top: 130px; }

}

@media (max-width: 768px) {
	#header .tnb .contactus li {padding-right: 0;}
}

/* =============================================
	footer
============================================= */
#footer {margin-top:100px; background:#ddd; }

#footer .ft {border-top:1px solid #e3e3e3; padding-bottom:40px; padding-top: 20px; box-sizing:border-box; }
#footer .ft .ft_about {width:100%;box-sizing:border-box; border-bottom: 1px solid #cacaca; padding-bottom: 20px; }
#footer .ft .ft_about .left_box { float: left; }
#footer .ft .ft_about .logo a {display:block; width:154px; height:55px; background:url(../img/home/f_logo.png) center center no-repeat; background-size:154px; text-indent:-500em; margin:20px 0 10px 10px;}
#footer .ft .ft_about .right_box { float: left; padding-left: 50px; box-sizing:border-box; width:calc(100% - 164px); }
#footer .ft .ft_about .right_box .about {font-size:13px; color:#aaa; margin-top:20px; }
#footer .ft .copyright { color:#aaa; font-size:13px; padding-top:5px; text-transform:uppercase; text-align: left; width:100%; font-weight: 600; }


#footer .ft .sns {line-height:40px; text-align: center; width:164px; margin-bottom: 20px; float: left; }
#footer .ft .sns a {display:inline-block; color:#999; width:30px; height:30px; line-height:30px; text-align:center; font-size:0; border-radius:50%; margin-left: 10px; background:#fff; }
#footer .ft .sns a:first-child { margin-left: 0; }
#footer .ft .sns a i {font-size: 16px;line-height: 30px;}
/* #footer .ft .sns .facebook {background:#3d5b9c;}
#footer .ft .sns .linkedin {background:#0073b1;}
#footer .ft .sns .youtube {background:#fe3334;}
#footer .ft .sns .google {background:#dd5044;} */

#footer .fnb_line { padding-top: 20px; box-sizing:border-box; }
#footer .fnb { float: left; width:calc(100% - 164px); box-sizing:border-box; }
#footer .fnb .de1_ul {  }
#footer .fnb .de1_ul .de1_li { width:20%; float: left; text-align: left; padding-left: 50px; box-sizing:border-box; }
#footer .fnb .de1_ul .de1_li .de1_a { font-size:15px; color:#999; font-weight: 600; }
#footer .fnb .de1_ul .de1_li .de2_ul { margin-top: 10px; }
#footer .fnb .de1_ul .de1_li .de2_ul .de2_li { margin-bottom: 3px; }
#footer .fnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:14px; color:#aaa; }


#new_footer {margin-top:100px; background:#181818; text-align: center; padding: 50px 0 140px; box-sizing:border-box; font-family: 'Nanum Gothic', sans-serif; }
#new_footer .left_box {  }
#new_footer .left_box .logo a { display:inline-block; }
#new_footer .right_box {  }
#new_footer .right_box .about { font-size:14px; color:#fff; font-weight: 400; line-height: 26px; margin-top: 28px; }
#new_footer .right_box .about br { display:none; }
#new_footer .right_box .copyright { font-size:16px; color:#fff; font-weight: 400; margin-top: 12px; }





@media (max-width: 1200px) {

}

@media (max-width: 992px) {	
	#footer .ft_about  { padding-bottom: 20px; box-sizing:border-box; }
	#footer .fnb .de1_ul { }
	#footer .fnb .de1_ul .de1_li { width:50%; margin: 10px 0; }

}

@media (max-width: 768px) {
	#footer .ft .ft_about .left_box,
	#footer .ft .ft_about .right_box { width:100%; text-align: center; }
	#footer .ft .ft_about .right_box { padding: 0 10px; }
	#footer .ft .ft_about .logo { display:inline-block; }
	#footer .ft .ft_about .logo a { margin-top: 10; margin-left: 0; }
	#footer .ft .sns { width:100%; margin-bottom: 0; }
	#footer .ft .ft_about .right_box .about { margin-top: 10px; }
	#footer .ft .copyright { text-align: center; }

	#footer .fnb { width:100%; }
	#footer .fnb .de1_ul .de1_li { padding-left: 0; text-align: center; }
	
}

@media (max-width: 568px) {

}

/* =============================================
	home
============================================= */
#wowslider-container-main .ws_bullets {bottom:15px !important; }
#wowslider-container-main .ws_bullets a.ws_selbull {background:#fff !important; border-radius:50%; width:14px !important; height:14px !important; border-radius:0;}
#wowslider-container-main .ws_bullets a { background:#000 !important; box-shadow:none !important; -webkit-box-shadow:none !important; width:14px !important; height:14px !important; border-radius:0; border:2px solid #fff; margin-right:2px;}

#home {}
.dmt_wrap {padding:50px 0 70px; box-sizing:border-box; }
.dmt_wrap .box-wrap { margin-left: -21px; }
.dmt_wrap  .box { width:33.33%; float: left; padding-left: 21px; box-sizing:border-box; }
.dmt_wrap  .box a { display:block; border: 1px solid #eaeaea; border-bottom: 10px solid #e41e26; box-sizing:border-box; background:#fff; transition:all 0.5s; }
.dmt { position:relative; height:396px; }
.dmt i span {display:inline-block; width:100%; vertical-align:middle; line-height:20px; text-align:center; font-style:normal; font-weight:bold; color:#282828; font-size:14px;}
.dmt i span b {color:#d82a34;}
.dmt figure { position:absolute; bottom:0; width:100%; }
.dmt figure .inner { position:relative; display:block; height:auto; }
.dmt figure .inner:after { content:""; display:inline-block; width:60px; height:60px; border-radius:50%; background:rgba(218, 44, 53, 0.5) url(../img/home/play_icon.png) center center no-repeat; position:absolute; left:50%; top:50%; margin-top: -30px; margin-left: -30px; z-index:2; transition:all 0.5s; }
.dmt figcaption {text-align: left; padding: 0 20px 20px; box-sizing:border-box;}
.dmt figcaption .tit { font-size:24px; color:#3a3a3a; font-weight: 600; line-height: 1em; padding: 22px 0 10px; box-sizing:border-box; transition:all 0.5s; }
.dmt figcaption .stit { font-size:18px; color:#3a3a3a; font-weight: 600; line-height: 1.2em; padding-bottom:10px; box-sizing:border-box; border-bottom: 1px solid #eaeaea; margin-bottom: 10px; }
.dmt figcaption .txt { font-size:14px; color:#666; font-weight: 500; line-height: 22px; margin-top: 10px; transition:all 0.5s; }
.dmt figcaption .see-btn { display:inline-block; width:106px; height:46px; background:url(../img/home/see-btn.png) no-repeat; position:absolute; left:50%; bottom:18px; margin-left: -53px; }

.dmt_wrap .box a:hover { border: 1px solid #da2c35; border-bottom: 10px solid #e41e26; }
.dmt_wrap .box a:hover figcaption .tit,
.dmt_wrap .box a:hover figcaption .txt { color:#da2c35; }
.dmt_wrap .box a:hover .inner:after { background-color:#da2c35; }

.dmt_txt {font-size:15px; color:#8e8e8e; text-align:center; margin-top:40px; padding:0 15px;}
.dmt_txt strong {color:#d82a34; font-weight:300;}

.latest_wrap {padding:80px 0; background:#f7f7f7;}
.latest_wrap .stit { text-align: center; color:#3a3a3a; font-weight: 600; font-size:30px; border-bottom: 0; }
.latest_wrap .stit .br_box { font-size:0; text-align: center; margin: 30px 0 40px; }
.latest_wrap .stit .br_box span { display:inline-block; width:50px; height:4px; background:#e41e26; }
.latest_wrap .stit .br_box span:first-child { background:#dadada; }
.latest_wrap .box { width:50%; float: left; box-sizing:border-box; text-align: center; }
.latest_wrap .box ul li { border-top: 1px solid #da2c35; border-left: 1px solid #da2c35; box-sizing:border-box; height:135px; text-align:left; margin-top: 15px; }
.latest_wrap .box ul li:first-child { margin-top: 0; }
.latest_wrap .box ul li a { display:inline-block; width:100%; position:relative; padding: 30px 35px 25px; box-sizing:border-box;  }
.latest_wrap .box ul li a .data { font-size:16px; color:#666; }
.latest_wrap .box ul li a .tit { font-size:18px; color:#3a3a3a; font-weight: 600; margin-bottom: 6px; }
.latest_wrap .box ul li a .txt { font-size:16px; color:#3a3a3a; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 18px; height: 36px; }
.latest_wrap .box ul li a:after { content:"\f0fe"; font-family: "Font Awesome 5 Free"; color:#da2c35; font-size:20px; position:absolute; right:15px; top:29px; }

.latest_wrap .box-01 { border-right: 1px solid #dadada; box-sizing:border-box; padding-right: 29px; }
.latest_wrap .box-01 ul li a { padding-top: 25px; }

.latest_wrap .box-02 { padding-left: 29px; }
.latest_wrap .box-02 ul li a .data { display:inline-block; border-radius:50%; width:76px; height:76px; background:#da2c35; color:#fff; font-size:16px; font-weight: 500; text-align: center; padding-top: 12px; box-sizing:border-box; float: left; }
.latest_wrap .box-02 ul li a .data i { font-weight: 600; font-size:26px; color:#fff; font-style: normal; display:block; line-height: 1em; }
.latest_wrap .box-02 ul li a .right-box { float: left; padding-left: 25px; width:400px; box-sizing:border-box; padding-top: 6px; }

.latest_wrap .box .go-btn { text-align: center; display:inline-block; width:106px; height:46px; background:url(../img/home/read_btn.png) no-repeat; margin-top: 20px; }


.contact-wrap {  }
.contact-wrap .container { padding: 50px 0 0; box-sizing:border-box; }
.contact-wrap .box-wrap { margin-left: -33px; }
.contact-wrap .box { width:33.33%; padding-left: 33px; box-sizing:border-box; float: left; }
.contact-wrap .location {}
.contact-wrap .location i {display:block; float:left; width:18%; height:75px; background:#e1565d url(../img/footer/contact_location.png) center center no-repeat; background-size:24px;}
.contact-wrap .location .txt {float:left; background:#f7f7f7; width:82%; height:75px;}
.contact-wrap .location .txt h4 {font-size:12px; color:#828282; text-transform:uppercase; margin:10px;}
.contact-wrap .location .txt p {font-size:11px; color:#434343; text-transform:uppercase; margin:10px 10px 10px 10px;}
.contact-wrap .email {}
.contact-wrap .email i {display:block; float:left; width:18%; height:75px; background:#e1565d url(../img/footer/contact_mail.png) center center no-repeat; background-size:24px;}
.contact-wrap .email .txt {float:left; background:#f7f7f7; width:82%; height:75px;}
.contact-wrap .email .txt h4 {font-size:12px; color:#828282; text-transform:uppercase; margin:10px;}
.contact-wrap .email .txt p {font-size:15px; color:#434343; margin:15px 10px 10px 10px;}
.contact-wrap .call {}
.contact-wrap .call i {display:block; float:left; width:18%; height:75px; background:#e1565d url(../img/footer/contact_phone.png) center center no-repeat; background-size:24px;}
.contact-wrap .call .txt {float:left; background:#f7f7f7; width:82%; height:75px;}
.contact-wrap .call .txt h4 {font-size:12px; color:#828282; text-transform:uppercase; margin:10px;}
.contact-wrap .call .txt p {font-size:15px; color:#434343; margin:15px 10px 10px 10px;}


.partnership-wrap { padding: 50px 0; box-sizing:border-box }
/* .partnership-wrap .container { border-top: 1px solid #dadada;box-sizing:border-box; padding-top: 50px; box-sizing:border-box; } */
/* .partnership-wrap .tit { text-align: center; font-size:20px; font-weight: 600; color:#3a3a3a; margin-bottom: 67px; }*/
/* .partnership-wrap .container.type02 { width:1432px; position:relative; text-align: right; }
.partnership-wrap .container.type02 .left_box,
.partnership-wrap .container.type02 .right_box { box-sizing:border-box; }
.partnership-wrap .container.type02 .left_box { position:absolute; left:0; top:0; padding-top: 51px; text-align:left; }
.partnership-wrap .container.type02 .right_box { display:inline-block; }
.partnership-wrap .container.type02 .br { display:block; background:#df565f; height:3px; margin: 4px 0 33px; max-width:600px; width:100%; } */

.partnership-wrap .container { position:relative; text-align: right; }
.partnership-wrap .container .left_box,
.partnership-wrap .container .right_box { box-sizing:border-box; }
.partnership-wrap .container .left_box { position:absolute; left:0; top:0; text-align:left; }
.partnership-wrap .container .right_box { display:inline-block; padding-top: 21px; box-sizing:border-box; }
.partnership-wrap .container .br { display:block; background:#df565f; height:3px; margin: 4px 0 33px; max-width:600px; width:100%; }


#hd_pops_26 p { overflow-y:scroll; }



@media (max-width: 1432px) {
	.partnership-wrap .container.type02 { width:100%; padding-left: 15px; padding-right: 15px; }
	.partnership-wrap .container.type02 .left_box { left:15px; }
	.partnership-wrap .container.type02 img { display:inline-block; }
}

@media (max-width: 1200px) {
	.dmt { height:420px; }
	.dmt figcaption .txt { padding-left: 1em; padding-right: 1em; box-sizing:border-box; }
	.dmt figcaption .txt br { display:none; }


	.latest_wrap .box ul li { height:125px; }
	.latest_wrap .box ul li a { padding: 20px; }
	.latest_wrap .box-02 ul li a .data { font-size:16px; color:#666; width:auto; height:auto; display:block; background:transparent; float: none; text-align:left; padding-top: 0; }
	.latest_wrap .box-02 ul li a .data i { font-size:16px; color:#666; display:inline-block; font-weight: 400; }
	.latest_wrap .box-02 ul li a .right-box { width:100%; padding-left: 0; padding-top: 0; }


	.partnership-wrap .container .left_box,
	.partnership-wrap .container .right_box { width:100%; text-align: center; }
	.partnership-wrap .container .right_box img { display:inline-block; }
	.partnership-wrap .container .left_box { position:static; text-align:left; margin: 30px auto 0; max-width:600px; }


	#footer .ft .info-box { width:80%; }

}

@media (max-width: 992px) {
	
	.hd_pops { left:10px !important; top:140px !important; max-width:calc(100% - 20px); }
	.hd_pops_con { width:100% !important; height:auto !important; }
	.hd_pops img { display:inline-block; max-width:100%; height:auto; }

	#header .inner { top:85px; }
	#header .inner.active { height:400px; overflow-y:scroll; }

	.dmt_wrap .box { width:100%; margin-top: 10px; }
	.dmt { height:auto; display:inline-block; width:100%; }
	.dmt figure,
	.dmt figcaption { width:50%; float: left; }
	.dmt figure { height:100%; background-size:cover !important; right:0; left:auto; }
	.dmt figure .inner { height:100%; }
	.dmt figure img { display:none; }
	.dmt figcaption { text-align:left; padding: 1em 1em 2em; box-sizing:border-box; }
	.dmt figcaption .tit { padding: 10px 0; }
	.dmt figcaption .txt { padding-right: 20px; padding-left: 0; }
	.dmt figcaption .see-btn { position:static; height:35px; margin-left: 0; background-size:contain; width:80px; margin-top: 8px; }
	
	.dmt_wrap .box-01 { margin-top: 0; }
	.dmt_wrap .box-01 .dmt figure { background:url(../img/home/mid-banner01_191217.png) center center no-repeat; }
	.dmt_wrap .box-02 .dmt figure { background:url(../img/home/mid-banner02_191217-2.png) center center no-repeat; }
	.dmt_wrap .box-03 .dmt figure { background:url(../img/home/mid-banner03_191217-2.png) center center no-repeat; }


	.contact-wrap .box { width:100%; margin-top: 10px; }
	.contact-wrap .box-01 { margin-top: 0; }


	#footer .ft .info-box { width:100%; padding-left: 0; }
	
}

@media (max-width: 768px) {
	/* .dmt figure { width:40%; }
	.dmt figcaption { width:60%; } */

	.dmt_wrap .box-wrap { margin-left: 0; background:#fff; }
	.dmt_wrap .box { width:100%; margin-top: 5px; padding: 0 20px; }
	.dmt { height:auto; }
	.dmt figure,
	.dmt figcaption { width:100%; float: none; }
	.dmt figure { height:auto; position:static; }
	.dmt figure img { width:100%; display:block; }
	.dmt figcaption { padding-bottom: 1.5em; }
	.dmt figcaption .tit { }
	.dmt figcaption .txt { padding-right: 0; }

	.dmt_wrap .box-01 { margin-top: 0; }

	.latest_wrap .box { width:100%; }
	.latest_wrap .box-01 { padding-right: 0; border-right: 0; border-bottom: 1px solid #dadada; margin-bottom: 20px; padding-bottom: 10px; }
	.latest_wrap .box-02 { padding-left: 0; }
	
}

@media (max-width: 568px) {
	.dmt { height:auto; }
	.dmt figure,
	.dmt figcaption { width:100%; float: none; }
	/* .dmt figure { background:#fff !important; }
	.dmt figure img { display:block; } */

}





/* 팝업레이어 */
#hd_pop {z-index:96;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right; font-size:11px; font-weight:300;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff; font-size:11px; font-weight:300;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer;}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:26px;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}




/* ----------------------------------------
	font-style
---------------------------------------- */


.co999 {color:#999 !important;} 
.co888 {color:#888 !important;} 
.co666 {color:#666 !important;} 
.co555 {color:#555 !important;} 
.co444 {color:#444 !important;} 
.co333 {color:#333 !important;} 
.co222 {color:#222 !important;} 
.cored {color:#d82a34 !important;} 

.fs10 {font-size:10px !important;} 
.fs11 {font-size:11px !important;} 
.fs12 {font-size:12px !important;} 
.fs13 {font-size:13px !important;} 
.fs14 {font-size:14px !important;} 
.fs15 {font-size:15px !important;} 
.fs16 {font-size:16px !important;} 
.fs17 {font-size:17px !important;} 
.fs18 {font-size:18px !important;} 
.fs19 {font-size:19px !important;} 
.fs20 {font-size:20px !important;} 
.fs21 {font-size:21px !important;} 
.fs22 {font-size:22px !important;} 
.fs23 {font-size:23px !important;} 
.fs24 {font-size:23px !important;} 
.fs25 {font-size:25px !important;} 
.fs26 {font-size:26px !important;} 
.fs27 {font-size:27px !important;} 
.fs28 {font-size:28px !important;} 
.fs29 {font-size:29px !important;} 
.fs30 {font-size:30px !important;} 
.fs31 {font-size:31px !important;} 
.fs32 {font-size:32px !important;} 
.fs33 {font-size:33px !important;} 
.fs34 {font-size:34px !important;} 
.fs35 {font-size:35px !important;} 
.fs36 {font-size:36px !important;} 
.fs37 {font-size:37px !important;} 
.fs38 {font-size:38px !important;} 
.fs39 {font-size:39px !important;} 
.fs40 {font-size:40px !important;} 
.fs41 {font-size:41px !important;} 
.fs42 {font-size:42px !important;} 
.fs43 {font-size:43px !important;} 
.fs44 {font-size:44px !important;} 
.fs45 {font-size:45px !important;} 
.fs46 {font-size:46px !important;} 
.fs47 {font-size:47px !important;} 
.fs48 {font-size:48px !important;} 
.fs49 {font-size:49px !important;} 
.fs50 {font-size:50px !important;}



.fwn {font-weight:normal !important;} 
.fwb {font-weight:bold !important;} 
.fweb {font-weight:800 !important;} 
.ttu {text-transform:uppercase;}
.tac {text-align:center;} 
.tal {text-align:left;}
.tar {text-align:right;}
.ffmj {font-family:'nanum myeongjo';}

.tsw {text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.tsb {text-shadow:1px 1px 0 rgba(0,0,0,0.3);}

.NotoSansR {font-family:'NotoSansR';}
.NotoSansM {font-family:'NotoSansM';}
.NotoSansB {font-family:'NotoSansB';}
.NotoSansL {font-family:'NotoSansL';}
/* ----------------------------------------
	margin-padding-style
---------------------------------------- */
.mt0 {margin-top:0 !important;}
.mt5 {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;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !important;}
.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0 !important;} 
.mb10 {margin-bottom:10px !important;} 
.mb20 {margin-bottom:20px !important;} 
.mb30 {margin-bottom:30px !important;} 
.mb40 {margin-bottom:40px !important;} 
.mb50 {margin-bottom:50px !important;} 
.mb60 {margin-bottom:60px !important;} 
.mb70 {margin-bottom:70px !important;} 
.mb80 {margin-bottom:80px !important;} 
.mb90 {margin-bottom:90px !important;} 
.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0 !important;} 
.ml10 {margin-left:10px !important;} 
.ml20 {margin-left:20px !important;} 
.ml30 {margin-left:30px !important;} 
.ml40 {margin-left:40px !important;} 
.ml50 {margin-left:50px !important;} 
.ml60 {margin-left:60px !important;} 
.ml70 {margin-left:70px !important;} 
.ml80 {margin-left:80px !important;} 
.ml90 {margin-left:90px !important;} 
.ml100 {margin-left:100px !important;}
.mr0 {margin-right:0 !important;} 
.mr10 {margin-right:10px !important;} 
.mr20 {margin-right:20px !important;} 
.mr30 {margin-right:30px !important;} 
.mr40 {margin-right:40px !important;} 
.mr50 {margin-right:50px !important;} 
.mr60 {margin-right:60px !important;} 
.mr70 {margin-right:70px !important;} 
.mr80 {margin-right:80px !important;} 
.mr90 {margin-right:90px !important;} 
.mr100 {margin-right:100px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;} 
.pl100 {padding-left:100px !important;}
.pr10 {padding-right:10px !important;} 
.pr15 {padding-right:15px !important;} 
.pr20 {padding-right:20px !important;} 
.pr30 {padding-right:30px !important;} 
.pr40 {padding-right:40px !important;} 
.pr50 {padding-right:50px !important;} 
.pr60 {padding-right:60px !important;} 
.pr70 {padding-right:70px !important;} 
.pr80 {padding-right:80px !important;} 
.pr90 {padding-right:90px !important;} 
.pr100 {padding-right:100px !important;}

.pd15 {padding-left:15px; padding-right:15px;}
.mg15 {margin-left:15px; margin-right:15px;}

.fl {float:left;} .fr {float:right;}
.wid10 {width:10%;}
.wid15 {width:15%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid35 {width:35%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid65 {width:65%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid95 {width:95%;}
.wid100 {width:100%;}


input[type="radio"], input[type="checkbox"] { margin-bottom: 0; margin-top: 0; }
#sop_or { margin-left: 10px; }
label { margin-bottom: 0; }