@charset "UTF-8";

#sub {width:100%;}
#sub .sub_in {width:1200px; min-width:1200px; margin:0 auto; display:block;   padding-bottom:50px;}
#sub .sub_in #content {width:100%; }
#sub .sub_in #content h2.guide {text-align:center; font-size:1.8rem; margin-bottom:40px; }

.sub_vi {width:100%; min-width:1200px;  position:relative; overflow:hidden; }
.sub_vi img { height:190px; }
.sub_vi p {position:absolute; left:50%; top:43%; transform:translate(-50%,-43%); color:#fff; font-size: 2.2rem; font-weight:600;}

/* .sub_vi_win {width:100%; min-width:1200px;  height:100%; position:relative; overflow:hidden; }
.sub_vi_win > img { width:100%;  animation: sub_vi 5s ease-out both;}
@keyframes sub_vi {
0% {transform:scale(1);}
100% {transform:scale(1.1);}
}

.sub_vi_win .audio_wrap span {display:block; color:#fff; word-break:keep-all; width:100%; text-align:center; font-size: 3rem; line-height:3.5rem; font-weight:600; margin-bottom:40px; }
.sub_vi_win .audio_wrap {position:absolute; left:50%; top:62%; transform:translate(-50%,-62%); }

 */

/*1029박경진 수정전 주석처리*/

.sub_vi_win {width:100%; min-width:1200px;  height:100%; position:relative; overflow:hidden; }
.sub_vi_win > img { min-width:100%;  height:100%; }
 
.sub_vi_win  .audio_background {background:url('/common/img/vi_t.png') no-repeat center;   width:100%; height:322px; display:inline-block;  left:0; z-index:999999; position:absolute;   top:35%;  }

.sub_vi_win .audio_wrap span {display:block; color:#fff; word-break:keep-all; width:100%; text-align:center; font-size: 3rem; line-height:3.5rem; font-weight:600; margin-bottom:40px; }
 .sub_vi_win .audio_wrap {position:absolute;  left:50%; top:200px; transform:translate(-50%,0); }

/*수정끝*/

.sub_vi_win .audio_wrap > div {margin:0 auto; text-align:center; }
.sub_vi_win .audio_wrap select {margin-right:10px; border:0; background-color:rgba(255,255,255,.5); overflow:auto; padding:5px 10px; vertical-align:middle;}
.sub_vi_win .audio_wrap select:focus {outline:none; }
.sub_vi_win .audio_wrap select option {color:rgba(0,0,0,.7); }
.sub_vi_win .audio_wrap select option:hover {box-shadow: 0 0 10px 100px rgba(255,255,255,.5) inset; }
.sub_vi_win .audio_wrap .btn {width:55px; height:55px; border-radius:100%; cursor:pointer; border:0; background-color:rgba(255,255,255,.5); vertical-align:middle; margin-right:10px; }
.sub_vi_win .audio_wrap .btn:hover {background-color:rgba(255,255,255,.7);}
.sub_vi_win .audio_wrap #next img {opacity:.6; margin-left:2px;  }
.sub_vi_win .audio_wrap #prev img {opacity:.6; margin-right:2px; }
.sub_vi_win .audio_wrap audio {opacity:.5; vertical-align:middle;  }
.sub_vi_win .audio_wrap audio::-webkit-media-controls-panel {background-color:#fff ; }
/*.sub_vi_win .audio_wrap audio::-webkit-media-controls-play-button {display:none; }*/
.sub_vi_win .audio_wrap #name {text-align:center; margin-top:10px; color:#fff; }


.sub_vi_win .ico_scroll {text-align: center; position: absolute; bottom:30px; left: 50%; transform:translate(-50%,0); z-index:999; animation-delay:2.5s;}
.sub_vi_win .ico_scroll p {color:rgba(255,255,255,.5); font-size:5px; margin-top:20px;}
.sub_vi_win .ico_scroll img{animation:down_scroll 1s linear infinite;}
@keyframes down_scroll{  
	0% {opacity: 1; transform: translateY(0);}
	100% {opacity: 0; transform: translateY(5px);}
} 


#content{margin-bottom:30px; }


.sub_menu {width:100%; margin:-25px auto 50px auto; height:55px; line-height:55px; text-align:center;  position:relative; font-size:0;}
.sub_menu li {width:230px; display:inline-block; box-sizing:border-box; background-color:#f6f6f6; font-size:18px;  margin-right:-.5px;}
.sub_menu li:last-child {border-right:none;}
.sub_menu li a {width:100%; display:inline-block; transition:all .2s;}
.sub_menu li a:hover { background-color:#209be4; color:#fff !important; }
.sub_menu li.ov { }
.sub_menu li.ov a{background-color:#209be4; color:#fff !important; }
.sub_menu li.ov:link a {color:#fff !important; }
.sub_menu li.ov:visitied a {color:#fff !important; }
.sub_menu li.ov:hover a { color:#fff !important; }
.sub_menu li.ov:active a {color:#fff !important; }

.sub_menu2 {max-width:1200px;  margin:0 auto 80px auto; height:55px; border:1px solid #ddd; background-color:#fff; overflow:hidden; height:60px; text-align:center;  position:relative; font-size:0;}
.sub_menu2 li {width:230px; display:inline-block; box-sizing:border-box; font-size:18px;  margin-right:-.5px;}
.sub_menu2 li:last-child {border-right:none;}
.sub_menu2 li a {width:100%; display:inline-block; transition:all .2s; line-height:60px; }
.sub_menu2 li a:hover { background-color:#209be4; color:#fff !important; }
.sub_menu2 li.ov { }
.sub_menu2 li.ov a{background-color:#209be4; color:#fff !important; }
.sub_menu2 li.ov:link a {color:#fff !important; }
.sub_menu2 li.ov:visitied a {color:#fff !important; }
.sub_menu2 li.ov:hover a { color:#fff !important; }
.sub_menu2 li.ov:active a {color:#fff !important; }


/*intro*/
.intro01 {}
.intro01 > div {margin-bottom:70px; width:100%; }
.intro01 > div h3 {font-size:1.4rem; position:relative; padding-left:17px; margin-bottom:15px; font-weight:600; }
.intro01 > div h3:before {content:''; display:block; position:absolute; left:0; top:10px; background:url('../img/ico_h3.png')no-repeat 0 0; width:10px; height:16px; font-size:0; }
.intro01 > div > img {width:30%; display:inline-block;}
.intro01 > div .txt {font-size:1.05rem; line-height:2.3rem; color:#333; width:60%; display:inline-block; vertical-align: top; padding-left:50px; margin-top:-10px; }
.intro01 > div .txt span { color:red; font-size:.85rem; margin-left:5px; }
.intro01 > div .txt b {display:inline-block; width:100%; padding:15px; border:5px solid #e9e9e9; margin:5px 0 30px 0; }


/*intro02*/
.intro02 {}
.intro02 > div {}
.intro02 > div h3 {font-size:1.4rem; position:relative; padding-left:17px; margin-bottom:15px; font-weight:600;}
.intro02 > div h3:before {content:''; display:block; position:absolute; left:0; top:10px; background:url('../img/ico_h3.png')no-repeat 0 0; width:10px; height:16px;  }
.intro02 > div h4 {font-size:1.1rem; font-weight:600; margin-bottom:5px; }
.intro02 > div .wrap {font-size:.95rem;  line-height:2rem;}
.intro02 > div .wrap > div {margin-bottom:50px; }
.intro02 > div .wrap > div table {width:100%; margin-bottom:5px; border:1px solid #ccc; }
.intro02 > div .wrap > div table tr {border-bottom:1px solid #ccc; }
.intro02 > div .wrap > div table tr th {border-right:1px solid #ccc; background-color:#d9ecf8; font-weight:600;}
.intro02 > div .wrap > div table tr td {border-right:1px solid #ccc; padding-left:10px; }
.intro02 > div .wrap > div p {font-size:.9rem; color:#777; line-height:1.5rem; }
.intro02 .section01 {}

/*intro03*/
.intro03 {}
.intro03 div {display:inline-block; width:100%; }
.intro03 div h3 {}
.intro03 div ul {width:100%; display:inline-block; }
.intro03 div ul li {display:inline-block; width:25%: }


/*view_page*/
.view_page {}
.view_page:after {clear:both; content :''; display:block}
.view_page .board {width:100%; }
.tit_line {width:100%; border-bottom:1px solid #777;  position:relative; text-align:left; }
.tit_line:after {clear:both; content :''; display:block}
.tit_line p {font-size:1.7rem; width:80%; line-height:2rem; display:inline-block; padding:10px 0; font-weight:600;}
.tit_line .span {font-size:.9rem;   color:#777; position:absolute; right:0; bottom:10px; }
.tit_line .span span {margin-left:20px;}
.tit_line .span .date {}
.tit_line .span .see {}
.view_page .board .txt_area {width:100%; padding:15px 10px; font-size:1rem; line-height:1.6rem; }
.view_page .board .txt_area img {max-width:100%; margin:10px 0; display:block;  }
.view_page .board .download {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #777; line-height:30px; padding:10px 0; }
.view_page .board .download table {width:100%;}
.view_page .board .download table tr {}
.view_page .board .download table tr th {font-weight:600;}
.view_page .board .download table tr td {font-size:.9rem;}
.view_page .board .download table tr td a {background-color:#209be4; color:#fff; border-radius:5px; display:inline-block; 
																	text-align:center; font-size:.85rem; padding:5px; margin-left:10px; font-weight:400;}
.view_page .board .download table tr td a img {margin-left:5px; }
.view_page .pre_nex {width:100%;  margin:20px 0;}
.view_page .pre_nex li {font-size:0; line-height:40px; height:40px; border-bottom:1px solid #ddd; }
.view_page .pre_nex li:first-child {border-top:1px solid #ddd; }
.view_page .pre_nex li span {display:inline-block; width:7%; font-size:.95rem; text-align:center; }
.view_page .pre_nex li a {font-size:.95rem;  width:93%;}
.view_page .pre_nex li a:hover {color:#111;}
.view_page .pre_nex .prev {}
.view_page .pre_nex .next {}
.view_page .list {text-align:center; border:1px solid #777; height:40px; line-height:40px; width:120px; display:inline-block; float:right; transition:.1s; }
.view_page .list:hover {background-color:#333; color:#fff;}


/*info  view_page02*/
.view_page02 .board .txt_area {width:100%; padding:30px 10px; font-size:1rem; line-height:1.6rem; border-bottom:1px solid #777; }
.view_page02 .board .txt_area img {max-width:100%; margin:10px 0; display:block;  }
.view_page02 .board .download {width:100%; border-bottom:1px solid #777; line-height:30px; padding:10px 0; }
.view_page02 .board .download table {width:100%;}
.view_page02 .board .download table tr {}
.view_page02 .board .download table tr th {font-weight:600;}
.view_page02 .board .download table tr td {font-size:.9rem;}
.view_page02 .board .download table tr td a {background-color:#209be4; color:#333; border-radius:5px; display:inline-block; 
																	text-align:center; font-size:.85rem; padding:5px; margin-left:10px; font-weight:400;}
.view_page02 .pre_nex {width:100%;  margin:20px 0;}
.view_page02 .pre_nex li {font-size:0; line-height:40px; height:40px; border-bottom:1px solid #ddd; }
.view_page02 .pre_nex li:first-child {border-top:1px solid #ddd; }
.view_page02 .pre_nex li span {display:inline-block; width:7%; font-size:.95rem; text-align:center; }
.view_page02 .pre_nex li a {font-size:.95rem;  width:93%;}
.view_page02 .pre_nex li a:hover {color:#111;}
.view_page02 .pre_nex .prev {}
.view_page02 .pre_nex .next {}
.view_page02 .list {text-align:center; border:1px solid #777; height:40px; line-height:40px; width:120px; display:inline-block; float:right; transition:.1s; }
.view_page02 .list:hover {background-color:#333; color:#fff;}
.view_page02 .answer {padding:30px 10px; border-bottom:1px solid #999; }
.view_page02 .answer .tit {font-size:2rem; font-weight:600; margin-bottom:20px; }
.view_page02 .answer .tit .date {font-weight:400; float:right; color:#999; font-size:.9rem; }
.view_page02 .answer img {margin-bottom:10px;}
.view_page02 .answer .txt {margin-bottom:10px;}

.view_page02 .answer_board {padding:30px 10px; border-bottom:1px solid #999; }
.view_page02 .answer_board textarea {width:100%; height:400px; resize:none; }

.view_page02 .btn { margin-top:20px; text-align:center;}
.view_page02 .btn .wrap {display:inline-block;}
.view_page02 .btn .wrap a {text-align:center; width:120px; height:40px; line-height:40px; display:inline-block; background-color:#aaa; color:#fff; margin-right:10px; }
.view_page02 .btn .wrap .no {}
.view_page02 .btn .wrap .yes {margin-right:0; background-color:#209be4}

.btn_answer {text-align:center; margin-top:20px; }
.btn_answer a{display:inline-block; text-align:center; width:120px; height:40px; line-height:40px; font-size:.9rem; background-color:#333; color:#fff; }




/*view_pw*/
.view_pw {width:100%; text-align:center}
.view_pw .view_pw_box {width:30%; display:inline-block; padding:15px;  border:1px solid #ccc; }
.view_pw .view_pw_box p {margin-bottom:10px; font-size:.95rem; }
.view_pw .view_pw_box input {height:40px; line-height:40px; width:80%; border-radius:none; border:1px solid #aaa; padding-left:10px; }
.view_pw .view_pw_btn {margin-top:15px; font-size:0;  }
.view_pw .view_pw_btn a {margin-right:10px; text-align:center; display:inline-block; height:30px; line-height:30px; width:80px; background-color:#aaa; color:#fff; font-size:.95rem; }
.view_pw .view_pw_btn a:last-child {margin-right:0; background-color:#209be4;}





/*write*/
.write01 {text-align:center; }
.write01 .write {text-align:left; }
.write01 input.txt {width:100%;}
.write01 label {margin-right:10px; }
.write01 label input {margin-right:5px; }
.write01 textarea {width:100%; height:400px; resize:none; }

.write01 .btn {display:inline-block; margin-top:30px; }
.write01 .btn a {text-align:center; width:120px; height:40px; line-height:40px; display:inline-block; background-color:#aaa; color:#fff; margin-right:10px; }
.write01 .btn .no {}
.write01 .btn .yes {margin-right:0; background-color:#209be4}

.cheditor-tb-wrapper {height:56px !important;}
.cheditor-tb-wrapper:after {clear:both; display:block; content:''; }

/*apply*/
.apply {}
.apply .download {width:300px; height:80px; text-align:center; line-height:80px; color:#fff; background-color:#003b8c; display:inline-block; border-radius:10px; font-size:1.2rem; font-weight:600; margin-bottom:30px; transition:.2s all; }
.apply .download:hover {background-color:#209be4;}
.apply .download img {width:16px; margin-left:5px; }
.apply table {width:100%; margin-bottom:50px; }
.apply table tbody {width:100%; }
.apply table tbody .tit {border-bottom:2px solid #209be4; text-align:left; background-color:#fff; font-size:1.4rem; padding:5px 0;}
.apply table tbody tr { border-bottom:1px solid #eee; line-height:50px;}
.apply table tbody tr th {padding:10px 0; font-weight:600; background-color:#f5f5f5; font-size:.95rem; }
.apply table tbody tr td {padding:15px;  }
.apply table tbody tr td input {height:50px; border:1px solid #ccc; border-radius:none; padding-left:10px; vertical-align:middle; font-size:.95rem;}
.apply table tbody tr td input.chk {height:30px;}
.apply table tbody tr td select {width:150px; height:50px;  line-height:50px; font-size:.9rem; border:1px solid #ccc; border-radius:0; margin-left:5px; vertical-align:middle; }
.apply table tbody tr td .find_add {display:inline-block; width:80px; height:30px; line-height:27px; background-color:#ddd; border:1px solid #555; text-align:center; color:#111; font-size:.9rem; margin-left:10px; }

.apply .btn {text-align:center; margin-top:30px; }
.apply .btn .wrap {display:inline-block; }
.apply .btn .wrap a {text-align:center; width:120px; height:40px; line-height:40px; display:inline-block; background-color:#aaa; color:#fff; margin-right:10px; }
.apply .btn .wrap .no {}
.apply .btn .wrap .yes {margin-right:0; background-color:#209be4}

.apply_intro {text-align:left; margin-bottom:30px; }
.apply_intro:after {clear:both; display:block; content:'' }
.apply_intro h4 {margin-bottom:5px; font-size:1.2rem; font-weight:600; }
.apply_intro .textbox {width:100%; height:200px; resize:none; padding:10px; font-size:.95rem; color:#777; line-height:1.7rem; overflow:auto; border:4px solid #e5e5e5; background-color:#f7f7f7; }
.apply_intro .textbox p {}
.apply_intro .textbox p b {font-size:1.05rem; color:#555}
.apply_intro .textbox p span {color:blue}
.apply_intro label { display:inline-block; font-size:.9rem; margin-top:10px; color:#333; margin-bottom:30px;  }
.apply_intro label input {margin:6px 0 0 7px; }}

.apply label  {margin-right:20px; }
.chk {margin-right:5px; height:30px; }
.apply .table02 tbody tr:last-child td {line-height:30px; height:50px; }
a.file {display:inline-block; width:80px; height:30px; line-height:27px; background-color:#e5e5e5; border-radius:3px; border:1px solid #555; text-align:center; color:#111; font-size:.9rem; margin-left:10px; }


/*check01*/
.check01 {text-align:center; }
.check01 .write {text-align:left; }
.check01 .write input.txt {width:100%; }
.check01 .write label {margin-right:10px; }
.check01 .write label input {margin-right:5px; }
.check01 .write textarea {width:100%; height:400px; resize:none; }

.check01 .btn {display:inline-block; margin-top:30px; }
.check01 .btn a {text-align:center; width:120px; height:40px; line-height:40px; display:inline-block; background-color:#aaa; color:#fff; margin-right:10px; }
.check01 .btn .no {}
.check01 .btn .yes {margin-right:0; background-color:#209be4}

.check01 .warn {padding:10px 0; width:100%; line-height:1.6rem; background-color:#f5f5f5; margin-top:10px; }


/*event01*/
.event01 {}
.event01 dl {width:100%; }
.event01 dl:after {clear:both; display:block; content:'' }
.event01 dl dt {width:40%;  float:left;}
.event01 dl img {width:100%;}
.event01 dl dd {width:50%; float:left; padding:0 0 0 70px;}
.event01 dl dd .tit {border-bottom:1px solid #ccc; padding-bottom:20px; }
.event01 dl dd .tit h3 {font-size:2rem; margin-bottom:15px; }
.event01 dl dd .tit h3 span {font-size:1.2rem; font-weight:600; color:#333; }
.event01 dl dd .tit p {font-size:.95rem; line-height:1.5rem; color:#555; }
.event01 dl dd .txt {width:100%; margin-top:10px; }
.event01 dl dd .txt tbody {text-align:left; font-size:.95rem; }
.event01 dl dd .txt tbody tr {line-height:70px; }
.event01 dl dd .txt tbody tr th {width:20%; font-weight:600;}
.event01 dl dd .txt tbody tr td {padding-left:10px; }


/*event02*/
.event02 {}
.event02 dl {width:100%; }
.event02 dl:after {clear:both; display:block; content:'' }
.event02 dl dt {width:40%;  float:left;}
.event02 dl dt img {width:100%;}
.event02 dl dd {width:50%; float:left; padding:0 0 0 70px;}
.event02 dl dd .tit {border-bottom:1px solid #ccc; padding-bottom:20px; }
.event02 dl dd .tit h3 {font-size:2rem; margin-bottom:15px; }
.event02 dl dd .tit h3 span {font-size:1.2rem; font-weight:600; color:#333; }
.event02 dl dd .tit p {font-size:.95rem; line-height:1.5rem; color:#555; }
.event02 dl dd .txt {width:100%; margin-top:10px; }
.event02 dl dd .txt tbody {text-align:left; font-size:.95rem; }
.event02 dl dd .txt tbody tr {line-height:70px; }
.event02 dl dd .txt tbody tr th {width:20%; font-weight:600;}
.event02 dl dd .txt tbody tr td {padding-left:10px; }

.event02 .event_btn {margin-top:20px; }
.event02 .event_btn a {height:50px; line-height:50px; display:inline-block; margin-right:10px; background-color:#444; color:#fff; text-align:center; padding:0 20px; }
.event02 .event_btn button {height:50px; line-height:50px; display:inline-block; margin-right:10px;  text-align:center; padding:0 20px;  background-color:#fff; color:#333; border:1px solid #777; font-size:.95rem; cursor:pointer; }

.event02 .event_sns {margin-top:40px; }
.event02 .event_sns a {margin-right:10px; }
.event02 .event_sns a img {}

/*info*/
.info01 {}
.info01 table {width:100%; border-top:2px solid #555; }
.info01 table tr {height:50px; line-height:50px; border-bottom:1px solid #ccc; }
.info01 table tr th {font-weight:600;}
.info01 table tr td {text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#555}
.info01 table tr td a {color:#111;}
.info01 table tr td a .tit_lock {margin-left:5px; }
.info01 table tr .tit {text-align:left; }
.info01 table tr .tit a:hover {text-decoration:underline; }

.mine {text-align:center; margin-top:30px; }
.mine .wrap {display:inline-block; font-size:0; }
.mine .wrap a {width:120px; height:40px; line-height:40px; color:#fff; background-color:#209be4; text-align:center; display:inline-block;  font-size:.95rem; }
.mine .wrap a:first-child {background-color:#777; margin-right:10px;} 

.info01 .page {}
.info01 .page ul {}
.info01 .page ul li { border-radius:100%; margin-right:10px; }
.info01 .page ul li.ov {background-color:#ddd; }
.info01 .page ul li.ov a {color:#555;  }
.info01 .page ul li a {border:none; border-radius:100%; }

.info02 {}
.info02 .faq {border-top:2px solid #ccc;  }
.info02 .faq li {border-bottom:2px solid #ccc; display:inline-block; width:100%; }
.info02 .faq li .faq_q {font-size:.95rem; color:#111; height:50px; line-height:50px;  display:inline-block; width:100%; padding:0 10px; cursor:default;}
.info02 .faq li .faq_q .ico_f {background-color:#1284ef; color:#fff; border-radius:20px; width:20px; height:20px; display:inline-block; text-align:center;  line-height:18px; font-size:.75rem; margin-right:8px; }
.info02 .faq li .faq_a {background-color:#f3f3f3; padding:20px 30px ; }
.info02 .faq li .faq_a p {font-size:.95rem; color:#111;  line-height:1.7rem; }
.info02 .faq li .faq_a p .ico_a {background-color:#d93333; color:#fff; border-radius:20px; width:20px; height:20px; display:inline-block; text-align:center;  line-height:20px; font-size:.75rem; margin-right:5px; }

.btn_write { width:100px; height:40px; line-height:40px; float:right; border:1px solid #777; text-align:center; font-size:.9rem; margin-top:20px; transition:.1s; }
.btn_write:hover {background-color:#555; color:#fff; }

.info02 .page {}
.info02 .page ul {}
.info02 .page ul li { border-radius:100%; margin-right:10px; }
.info02 .page ul li.ov {background-color:#ddd; }
.info02 .page ul li.ov a {color:#555;  }
.info02 .page ul li a {border:none; border-radius:100%; }

.ico_new {font-size:.75rem; display:inline-block; background-color:#ff9b0b; color:#fff; border-radius:5px; line-height:.8rem; padding:0 3px 2px 3px; font-weight:300; margin-left:5px;  }


.info03 {text-align:center; }
.info03 .personal {text-align:left; margin-bottom:30px; }
.info03 .personal:after {clear:both; display:block; content:'' }
.info03 .personal h4 {margin-bottom:5px; font-size:1.2rem; font-weight:600; }
.info03 .personal .textbox {width:100%; height:200px; resize:none; padding:10px; font-size:.95rem; color:#777; line-height:1.5rem; overflow:auto; border:4px solid #e5e5e5; background-color:#f7f7f7; }
.info03 .personal .textbox p {}
.info03 .personal label { display:inline-block; font-size:.9rem; margin-top:10px; color:#333; }
.info03 .personal label input {margin:6px 0 0 7px; }

.info03 .write {text-align:left; }
.info03 .write input.txt {width:100%;}
.info03 .write label {margin-right:10px; }
.info03 .write label input {margin-right:5px; }
.info03 .write textarea {width:100%; height:400px; resize:none; }

.info03 .btn {display:inline-block; margin-top:30px; }
.info03 .btn a {text-align:center; width:120px; height:40px; line-height:40px; display:inline-block; background-color:#aaa; color:#fff; margin-right:10px; }
.info03 .btn .no {}
.info03 .btn .yes {margin-right:0; background-color:#209be4}


/*winning01*/
.winning01 {}
.winning01 .tab_menu {margin-bottom:20px; text-align:center;}
.winning01 .tab_menu .wrap {display:inline-block; }
.winning01 .tab_menu li {display:inline-block; margin-right:20px;}
.winning01 .tab_menu li:last-child {margin-right:0; }
.winning01 .tab_menu li a {font-size:.9rem; }
.winning01 .tab_menu li:hover a {color:#fff; color:#000; font-weight:600;}
.winning01 .tab_menu li.on a {color:#fff; color:#000; font-weight:600;}

.winning01 .tab_con {}
.winning01 .tab_con > li {}
.winning01 .tab_con > li > ul {font-size:0; }
.winning01 .tab_con > li > ul > li {width:24%; height:290px; border:1px solid #ccc; border-radius:5px; overflow:hidden; display:inline-block; margin-right:1%; margin-bottom:15px; }
.winning01 .tab_con > li > ul > li:nth-child(4n) {margin-right:0; }
.winning01 .tab_con > li > ul > li .thumb {height:200px; background:#000; overflow:hidden;   text-align:center; position:relative;}
.winning01 .tab_con > li > ul > li .thumb img {min-width: 100%; max-width: 100%; min-height:100%;  transition:all .2s ease;  display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.winning01 .tab_con > li > ul > li:hover .thumb img {min-width: 120%; max-width: 120%; min-height:120%; }
.winning01 .tab_con > li > ul > li .txt {padding:17px 20px; ; }
.winning01 .tab_con > li > ul > li .txt .tit {color:#111; font-size:1rem; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.winning01 .tab_con > li > ul > li .txt span {font-size:.85rem; color:#999; margin-right:10px; }
.winning01 .tab_con > li > ul > li .txt .name {}
.winning01 .tab_con > li > ul > li .txt .date {}

.winning01 .page li.ov {background-color:#eee; }


/*win01*/
.win01 .tab_con2 {}
.win01 .tab_con2 > li.tab_list {padding:100px 0; }
.win01 .tab_con2 > li.tab_pic {background-color:#e4f4fd; }
.win01 .tab_con2 > li.tab_write {background-color:#e4ecfd; }
.win01 .tab_con2 > li.tab_song {background-color:#f2f2f2; }
.win01 .tab_con2 > li.tab_list h3 {text-align:center; margin-bottom:50px; font-size:2rem; font-weight:600; }
.win01 .tab_con2 > li.tab_list h3 span {font-size:1rem; display:block;  color:rgba(0,0,0,.4); margin-top:10px; }
.win01 .tab_con2 > li.tab_list .wrap {width:1200px; margin:0 auto; }
.win01 .tab_con2 > li.tab_pic .wrap > ul > li:first-child {text-align:center; }
.win01 .tab_con2 > li.tab_pic .wrap > ul > li:first-child > ul > li {margin-right:0}
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul {font-size:0;  font-size:0;  }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li {width:30%; margin-right:4.95%; margin-bottom:40px;  display:inline-block; }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li:nth-child(3n) {margin-right:0; }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .thumb {height:200px; overflow:hidden;   text-align:center; position:relative; border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.1); }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .thumb img {min-width: 100%; max-width: 101%;  min-height:100%;  transition:all .2s ease;  display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li:hover .thumb img {min-width: 120%; max-width: 120%; min-height:120%; }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .txt {padding:10px 20px; ; }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .txt .tit {color:#111; font-size:1rem; margin-bottom:5px; overflow: hidden; text-align:center;  text-overflow: ellipsis; white-space: nowrap;}
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .txt .tit b {display:block; font-size:1.4rem; line-height:1.4rem; margin-top:5px;  }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .txt span {font-size:.85rem; color:#999; margin-right:10px; }
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .txt .name {}
.win01 .tab_con2 > li.tab_list .wrap > ul > li > ul > li .txt .date {}

.win01 .tab_con2 > li.tab_write .wrap > ul > li > ul > li {width:21.25%; margin-right:4.95%}
.win01 .tab_con2 > li.tab_write .wrap > ul > li > ul > li:nth-child(3n) {margin-right:4.95%; }
.win01 .tab_con2 > li.tab_write .wrap > ul > li > ul > li:nth-child(4n) {margin-right:0; }
.win01 .tab_con2 > li.tab_write .wrap > ul > li > ul > li .thumb {height:350px; }


.win01 .wrap2 {width:100%; height:100%; display:none; position:fixed; left:0; top:0;  background-color:rgba(0,0,0,.8); z-index:99999999999999999999999; backdrop-filter:blur(10px); }
.win01 .wrap2 .close_w2 {position:absolute; right:20px; top:20px; }
.win01 .wrap2 .container2 {position:relative; width:100%;  top:50%; transform:translate(0,-50%); height:600px;  }
.win01 .wrap2 .container2 .slide {text-align:center; margin-top:-1%;  }
.win01 .wrap2 .container2 .slide img {width:auto; display:block; position:absolute; left:50%; top:0; transform:translate(-50%,0); max-height:600px; max-width:80%;}
.win01 .wrap2 .container2 .slide .vi_box_txt {position:absolute; width:100%; text-align:center; top:105%; }
.win01 .wrap2 .container2 .slide .vi_box_txt p {font-size:1.5rem; color:#fff;  }
.win01 .wrap2 .container2 .slide .vi_box_txt b {font-weight:700; display:block; }
.win01 .wrap2 .container2 .button-prev {cursor:pointer; width:60px; background:url('../img/ico_prev.png')no-repeat center center; background-color:rgba(255,255,255,.15); height:60px; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.win01 .wrap2 .container2 .button-next {cursor:pointer; width:60px; background:url('../img/ico_next.png')no-repeat center center; background-color:rgba(255,255,255,.15); height:60px; position:absolute; right:0; top:50%; transform:translate(0,-50%); }
.win01 .wrap2 .container2 .button-prev:hover, .win01 .wrap2 .container2 .button-next:hover {background-color:rgba(255,255,255,.25); }

.win01 .wrap2 .container2 .pagination-bullet-active {background-color:#fff !important; }
.win01 .wrap2 .container2 .pagination-bullet {background-color:rgba(255,255,255,.3)}




/*winning_page*/
.winning_page {text-align:center;}
.winning_page .txt_area {padding-top:50px; }
.winning_page .txt_area h3 {margin-bottom:25px; color:#333; font-size:1.5rem; font-weight:600; }
.winning_page .txt_area .con {}
.winning_page .txt_area .con img {display:inline-block; max-width:100%; margin-bottom:30px; }
.winning_page .txt_area .con iframe {display:inline-block; max-width:100%; margin-bottom:30px; }
.winning_page .txt_area .con p {font-size:1rem; line-height:1.8rem; color:#333; }

.winning_page .download {width:100%; margin-top:50px; border-top:1px solid #ccc; border-bottom:1px solid #777; line-height:30px; padding:10px 0; text-align:left; }
.winning_page .download table {width:100%;}
.winning_page .download table tr {}
.winning_page .download table tr th {font-weight:600;}
.winning_page .download table tr td {font-size:.9rem;}
.winning_page .download table tr td a {background-color:#209be4; color:#fff; border-radius:5px; display:inline-block; 
																	text-align:center; font-size:.85rem; padding:5px; margin-left:10px; font-weight:400;}
.view_page .board .download table tr td a img {margin-left:5px; }

.winning_page .list {display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; background-color:#444; color:#fff; font-size:.9rem; margin:30px 0; }

#slideShow{ width: 100%; height: 100%; position: fixed; left:0; top:0; margin: 0 auto; overflow: hidden; z-index:999999999999999999999999999999999999999999999999999999; } 
#slideShow .con_slides{ position: absolute; left: 0; top: 50%; width: 80%; transform:translate(0,-50%); /* 슬라이드할 사진과 마진 총 넓이 */ transition: left 0.5s ease-out; /*ease-out: 처음에는 느렸다가 점점 빨라짐*/ } /* 첫 번째 슬라이드 가운데에 정렬하기위해 첫번째 슬라이드만 margin-left조정 */ 
#slideShow .con_slides:after {content:''; display:block; clear:both; }
#slideShow .con_slides li:first-child{ margin-left: 100px; } /* 슬라이드들 옆으로 정렬 */ 
#slideShow .con_slides li:not(:last-child){ float: left; margin-right: 100px; } 
#slideShow .con_slides li{ float: left; width:20%; height:200px; overflow:hidden; border:1px solid red;  }
#slideShow .con_slides li img {width:100%;}
#slideShow .controller span{ position:absolute; background-color: transparent; color: black; text-align: center; border-radius: 50%; padding: 10px 20px; top: 50%; font-size: 1.3em; cursor: pointer; } /* 이전, 다음 화살표에 마우스 커서가 올라가 있을때 */ 
#slideShow .controller span:hover{ background-color: rgba(128, 128, 128, 0.11); } 
#slideShow .con_prev{ left: 10px; } /* 이전 화살표에 마우스 커서가 올라가 있을때 이전 화살표가 살짝 왼쪽으로 이동하는 효과*/ 
#slideShow .con_prev:hover{ transform: translateX(-10px); } 
#slideShow .con_next{ right: 10px; } /* 다음 화살표에 마우스 커서가 올라가 있을때 이전 화살표가 살짝 오른쪽으로 이동하는 효과*/ 
#slideShow .con_next:hover{ transform: translateX(10px); }







/*login*/
.login {}
.login .login_box {text-align:center; }
.login .login_box .wrap {display:inline-block; border:1px solid #777; width:50%; padding:30px 0;}
.login .login_box .wrap > input {width:70%; height:40px; line-height:40px; margin-bottom:10px; padding-left:10px; }
.login .login_box .wrap .login2 {text-align:left; width:70%; display:inline-block; margin-bottom:10px ; height:40px; line-height:40px;}
.login .login_box .wrap .login2 label {font-size:.9rem; margin-right:15px; }
.login .login_box .wrap .login2 label input {margin-top:15px; }
.login .login_box .wrap .login2 .regi {float:right; width:100px; height:40px; line-height:40px; text-align:center; font-size:.9rem; border:1px solid #777; }
.login .login_box .wrap .login_btn {width:70%; display:inline-block; background-color:#333; color:#fff; height:40px; line-height:40px; }


/*register*/
.register {}
.register h4 {margin-bottom:10px; font-size:1.1rem; font-weight:600; }
.register textarea {width:100%; height:150px; resize:none; font-size:.95rem; line-height:1.5rem; padding:5px 10px; margin-bottom:10px; }
.register label {font-size:.95rem;}
.register label input {margin-top:7px; margin-right:5px; }
.register_btn {display:inline-block; width:100%; text-align:center; margin-top:30px; }
.register_btn .wrap {display:inline-block;}
.register_btn .wrap a {display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; background-color:#4cbbf5; color:#fff; margin-left:10px; }