@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; margin:0 auto; }
.sub_vi img { height:360px; min-width:100%; display:block; margin:0 auto;  }
.sub_vi p {position:absolute; left:50%; top:75%; transform:translate(-50%,-75%); color:#0f3170; font-size: 2.2rem; font-weight:600;}


#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; overflow:hidden; background-color:#f6f6f6; font-size:0; margin-left:-1px;  }
.sub_menu li:last-child {border-right:none; }
.sub_menu li a {width:100%; display:inline-block; transition:all .2s; font-size:1rem; line-height:50px; }
.sub_menu li a:hover { background-color:#45c7f2; color:#fff !important; }
.sub_menu li.ov { }
.sub_menu li.ov a{background-color:#45c7f2; 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; }


/*intro*/
.intro02 {}
.intro02 .pic {font-size:0; border-bottom:2px solid #eee; margin-bottom:20px; padding-bottom:50px;  }
.intro02 .pic > img {width:30%; }
.intro02 .pic .txt {display:inline-block; width:70%; vertical-align:top; padding-left:50px; }
.intro02 .pic .txt h3 {font-size:2rem; margin-bottom:5px; }
.intro02 .pic .txt > span {font-size:1rem; display:block; color:#999; }
.intro02 .pic .txt > p {font-size:1.2rem; padding-top:40px; margin-top:40px; position:relative; }
.intro02 .pic .txt > p:after {content:''; display:block; width:30px; height:3px; background-color:#ddd; position:absolute; left:0; top:0;}
.intro02 .pic .txt ul {margin-top:30px; }
.intro02 .pic .txt ul li {font-size:0; margin-bottom:20px; width:100%; height:100px; border-radius:50px; background-color:#f3f3f3;  }
.intro02 .pic .txt ul li div {display:inline-block; width:100px; height:100px; border-radius:100%; background-color:#45c7f2; text-align:center; padding:19px 0; vertical-align:middle; }
.intro02 .pic .txt ul li:first-child div {background-color:#0f3170; }
.intro02 .pic .txt ul li div img {margin-bottom:5px; width:40px; }
.intro02 .pic .txt ul li div p {font-size:1rem; display:block; width:100%; text-align:center; color:#fff; }


.intro02 .pic .txt ul li > p {width:calc(100% - 101px); display:inline-block; font-size:1rem; padding-left:30px; vertical-align:middle;  }

.intro02 .gallery {text-align:center; }
.intro02 .gallery h4 {font-size:1.5rem; margin-bottom:40px; }
.intro02 .gallery h5 {font-size:1.2rem; font-weight:600; color:#fff;  display:block; width:20%; line-height:50px; border-radius:25px; margin:0 auto 20px auto; background-color:#0f3170; }
.intro02 .gallery > p {margin-bottom:25px; font-size:2rem; font-weight:600; color:#0f3170; }
.intro02 .gallery .pics {font-size:0; }
.intro02 .gallery .pics img {width:50%; vertical-align:top;  display:inline-block;}
.intro02 .gallery .txt {text-align:left; margin:20px auto 0 auto; width:50%; }
.intro02 .gallery .txt li {padding:5px 0;}
.intro02 .gallery .txt li span {display:inline-block; width:150px; vertical-align:top; background-color:#eee; border-radius:20px; line-height:40px; text-align:center;  }
.intro02 .gallery .txt li p {display:inline-block; width:calc(100% - 150px); vertical-align:top; padding-top:8px; padding-left:20px;  }


.intro02 .gall_2020 {margin-bottom:80px; }
.intro02 .gall_2020 .pics:after {content:''; display:block; clear:both; }
.intro02 .gall_2020 .pics {width:80%; margin:0 auto; }
.intro02 .gall_2020 .pics img {float:left; }
.intro02 .gall_2020 .pics img:first-child {width:44.5%; margin-right:1%; }
.intro02 .gall_2020 .pics img:nth-child(2),.intro02 .gall_2020 .pics img:nth-child(3) {width:54%; margin-bottom:10px; }
.intro02 .gall_2020 .txt {width:80%; }




/*intro03*/
.intro03 {width:80%; margin:0 auto; padding:20px; background-color:#f7f7f7; box-shadow:1px 1px 20px rgba(0,0,0,.1); }
.intro03 .wrap { border:3px solid #D3A76C; padding:50px; word-break:keep-all; background:url('../img/intro03_img01.png') no-repeat calc(100% - 10px) 10px, url('../img/intro03_img02.png') no-repeat 10px 10px ; }
.intro03 .wrap h3 {text-align:center; margin-bottom:30px; font-size:2rem; position:relative; padding-bottom:35px;}
.intro03 .wrap h3:after {content:''; display:block; width:30px; height:2px; background-color:#ccc; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); }
.intro03 .wrap > p:nth-child(2) {text-align:center; font-size:1.1rem; }
.intro03 .wrap > p:nth-child(3) {}
.intro03 .wrap ul {border-top:1px solid #111; margin-top:50px; }
.intro03 .wrap ul li {padding:15px 0; border-bottom:1px solid #ddd; font-size:0; }
.intro03 .wrap ul li b {display:inline-block; vertical-align:middle; width:60px; height:60px; line-height:60px; border-radius:100%; font-size:1.1rem; font-weight:600; background-color:#111; color:#fff; text-align:center;  }
.intro03 .wrap ul li p {display:inline-block; vertical-align:middle; width:calc(100% - 60.1px); font-size:1rem; padding-left:20px; }
.intro03 .wrap > p:nth-child(4) {color:#999; }
.intro03 .wrap > p:nth-child(4) a {color:#999; }




/*offline02*/
.offline02 {}
.offline02 .list {font-size:0; }
.offline02 .list li {display:inline-block; width:30%; margin-right:4.9%;  border:1px solid #ddd; }
.offline02 .list li:nth-child(3n) {margin-right:0; }
.offline02 .list li a {display:inline-block;}
.offline02 .list li a .img_wrap {width:100%; height:200px; overflow:hidden;}
.offline02 .list li a .img_wrap img {width:100%; transition:.2s all; }
.offline02 .list li:hover img {transform:scale(1.1); }
.offline02 .list li a .txt {padding:10px 20px; }
.offline02 .list li a .txt p {font-size:1rem; color:#333; }
.offline02 .list li a .txt span {font-size:.9rem; color:#999; }


/*offline_view*/
.offline_view {}
.offline_view h3 {width:100%; border-bottom:2px solid #ddd; margin-bottom:50px; font-size:1.7rem; line-height:3rem;  }
.offline_view h3 span {float:right; font-size:1rem; color:#bbb; font-weight:500; line-height:3.8rem;  }
.offline_view .wrap {text-align:center; }
.offline_view .list {display:block; margin:0 auto; width:150px; line-height:40px; text-align:center; border:1px solid #999; margin-top:50px; transition:.2s all; }
.offline_view .list:hover {background-color:#005a96; color:#fff; border-color:#005a96; }


/*online01*/
.online01 {text-align:center; }
.online01 > p {margin-bottom:20px; font-size:1.2rem; font-weight:600; }
.online01 .yunlee {margin-bottom:20px; }
.online01 .yunlee span {display:inline-block; font-size:4rem; color:#0f3170; font-weight:700; width:100px; height:100px; line-height:85px; border:6px solid #0f3170; border-radius:100%; }
.online01 .yunlee span:first-child {margin-right:10px; }
.online01 > span {}
.online01 .btn {font-size:0; margin-top:20px; }
.online01 .btn a {font-size:1rem; display:inline-block; width:220px; line-height:45px; height:45px; background-color:#999; color:#fff; border-radius:5px; }
.online01 .btn a:first-child {margin-right:10px; background-color:#0f3170; transition:.2s all; }
.online01 .btn a:first-child:hover {background-color:#45c7f2}
.online01 .comm {text-align:left; width:100%; margin-top:30px; padding:30px 5% 0 5%; border-top:1px solid #aaa; }
.online01 .comm li {margin-bottom:15px; }
.online01 .comm li span {vertical-align:middle; display:inline-block; width:100px; font-size:1.1rem; font-weight:600; }
.online01 .comm li p {vertical-align:middle;  padding:5px 10px; display:inline-block; background-color:#f1f1f1; width:calc(100% - 104px);  }


/*ol01_view*/
.ol01_view {text-align:center; }
.ol01_view > ul {text-align:left; }
.ol01_view > ul > li {width:100%; margin-bottom:30px; }
.ol01_view > ul > li .width100 {width:30% !important; }
.ol01_view > ul > li .width100 input {width:100% !important;}
.ol01_view > ul > li p {vertical-align:middle; font-weight:600; margin-bottom:10px;  }
.ol01_view > ul > li .input_wrap {width:100%; display:inline-block; vertical-align:middle;  }
.ol01_view > ul > li .input_wrap li {margin-bottom:10px; }
.ol01_view > ul > li .input_wrap b {display:inline-block; width:40px; font-size:1.4rem; font-weight:700; vertical-align:middle; }
.ol01_view > ul > li .input_wrap input {width:calc(100% - 40px); border:0; vertical-align:middle; background-color:#f3f3f3; padding:10px; }
.ol01_view > ul > li .input_wrap span {}
.ol01_view > ul > li a {display:inline-block; width:120px; vertical-align:middle; line-height:45px; background-color:#555; color:#fff; border-radius:5px; text-align:center; 
								margin-left:10px; }
.ol01_view > ul > li span {margin-left:10px; color:red; vertical-align:middle; }
.ol01_view > p {margin:50px 0 20px 0; }

.ol01_view .ol_submit {display:inline-block; width:200px; line-height:45px; border-radius:5px; background-color:#0f3170; color:#fff; transition:.2s all; }
.ol01_view .ol_submit:hover {background-color:#45c7f2}
.ol01_view .ol01_pop {display:none; background-color:#fff; box-shadow:1px 1px 30px rgba(0,0,0,.15); position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); }
.ol01_view .ol01_pop h4 {width:100%; line-height:40px; position:relative;  color:#fff; font-weight:400; }
.ol01_view .ol01_pop h4 .close_pop {position:absolute; right:0; top:0; display:inline-block; background-color:#999; width:50px;line-height:50px; height:50px; cursor:pointer; }
.ol01_view .ol01_pop h4 .close_pop img {margin-top:14px; }
.ol01_view .ol01_pop .wrap {padding:50px 100px; }
.ol01_view .ol01_pop .wrap > p {margin-bottom:25px; }
.ol01_view .ol01_pop .wrap > p span {font-size:1.7rem; font-weight:700; display:block; padding:15px 0; }
.ol01_view .ol01_pop .wrap .ol_submit {margin-top:30px; }


#myform fieldset{
    display: inline-block; /* 하위 별점 이미지들이 있는 영역만 자리를 차지함.*/
    direction: rtl; /* 이모지 순서 반전 */
    border: 0; /* 필드셋 테두리 제거 */
}
#myform fieldset legend{
    text-align: left;
}
#myform input[type=radio]{
    display: none; /* 라디오박스 감춤 */
}
#myform label{
	cursor:pointer;
    font-size: 4em; /* 이모지 크기 */
    color: transparent; /* 기존 이모지 컬러 제거 */
    text-shadow: 0 0 0 #eee; /* 새 이모지 색상 부여 */
}
#myform label:hover{
    text-shadow: 0 0 0 #ffbc2e; /* 마우스 호버 */
}
#myform label:hover ~ label{
    text-shadow: 0 0 0 #ffbc2e; /* 마우스 호버 뒤에오는 이모지들 */
}
#myform input[type=radio]:checked ~ label{
    text-shadow: 0 0 0 #ffbc2e; /* 마우스 클릭 체크 */
}


/*ol01_edit*/
.ol01_edit {}
.ol01_edit {text-align:center; }
.ol01_edit > ul {text-align:left; width:50%; margin:0 auto; }
.ol01_edit > ul > li {width:100%; margin-bottom:20px; }
.ol01_edit > ul > li p {width:100px; display:inline-block; vertical-align:middle;  }
.ol01_edit > ul > li .input_wrap {width:calc(100% - 104px); display:inline-block; vertical-align:middle;  }
.ol01_edit > ul > li .input_wrap li {margin-bottom:10px; }
.ol01_edit > ul > li .input_wrap b {display:inline-block; width:40px; font-size:1.4rem; font-weight:700; vertical-align:middle; }
.ol01_edit > ul > li .input_wrap input {width:calc(100% - 40px); border:0; vertical-align:middle; background-color:#f3f3f3; padding:10px; }
.ol01_edit > ul > li .input_wrap span {}
.ol01_edit .ol_submit {display:inline-block; width:200px; line-height:45px; border-radius:5px; background-color:#0f3170; color:#fff; transition:.2s all; }
.ol01_edit .ol_submit:hover {background-color:#45c7f2}
.ol01_view .btn {font-size:0; margin-top:50px; }
.ol01_view .btn a {display:inline-block; width:200px; line-height:45px; border-radius:5px; background-color:#bbb; color:#fff; transition:.2s all; }
.ol01_view .btn a:first-child {margin-right:10px; background-color:#0f3170; }
.ol01_view .btn a:first-child:hover {background-color:#45c7f2}


/*online02*/
.online02 {}
.online02 .list {font-size:0; }
.online02 .list li {display:inline-block; width:28%; margin-right:7.9%;  border:1px solid #ddd; }
.online02 .list li:nth-child(3n) {margin-right:0; }
.online02 .list li a {display:inline-block;}
.online02 .list li a .img_wrap {width:100%; height:200px; overflow:hidden;}
.online02 .list li a .img_wrap img {min-width:100%; min-height:100%; transition:.2s all; }
.online02 .list li:hover img {transform:scale(1.1); }
.online02 .list li a .txt {padding:10px 20px; }
.online02 .list li a .txt p {font-size:1rem; color:#333; }
.online02 .list li a .txt span {font-size:.9rem; color:#999; }


/*online02*/
.online02 {}
.online02 h3 {width:100%; border-bottom:2px solid #ddd; margin-bottom:50px; font-size:1.7rem; line-height:3rem;  }
.online02 h3 span {float:right; font-size:1rem; color:#bbb; font-weight:500; line-height:3.8rem;  }
.online02 h3 span.see {margin-right:15px; }
.online02 .wrap {text-align:center; }
.online02 .txt_area {}
.online02 .txt_area .con {}
.online02 .txt_area .con p {}
.online02 .txt_area .con p img {max-width:100%; margin:10px 0; }
.online02 .download {}

.online02 .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; }
.online02 .download table {width:100%;}
.online02 .download table tr {}
.online02 .download table tr th {font-weight:600;}
.online02 .download table tr td {font-size:.9rem;}
.online02 .download table tr td a {background-color:#45c7f2; color:#fff; border-radius:5px; display:inline-block; 
																	text-align:center; font-size:.85rem; padding:5px 10px; margin-left:10px; font-weight:400;}
.view_page .board .download table tr td a img {margin-left:5px; }

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



/*online0*/
.online03 {}
.online03 dl {width:100%; }
.online03 dl:after {clear:both; display:block; content:'' }
.online03 dl dt {width:35%;  float:left;}
.online03 dl dt img {width:100%;}
.online03 dl dd {width:65%; float:left; padding:0 0 0 70px;}
.online03 dl dd .wrap {border-bottom:1px solid #ccc; padding-bottom:30px; }
.online03 dl dd .wrap h3 {font-size:2.2rem; margin-bottom:30px; }
.online03 dl dd .wrap h3 span {font-size:1.2rem; font-weight:600; color:#333; }
.online03 dl dd .wrap .txt1 {font-size:1.1rem; line-height:1.5rem; margin-bottom:30px; border:1px solid #ddd; padding:15px; }
.online03 dl dd .wrap ul {font-size:0; margin:30px 0;}
.online03 dl dd .wrap ul li {display:inline-block; margin-right:10px; }
.online03 dl dd .wrap ul li a {}
.online03 dl dd .wrap ul li a img {transition:.2s all; }
.online03 dl dd .wrap .txt2 {font-size:0; margin-bottom:30px; }
.online03 dl dd .wrap .txt2 b {display:block; font-size:1.2rem; margin-bottom:10px; font-weight:700; }
.online03 dl dd .wrap .txt2 span {display:inline-block; color:#777; font-size:1rem; line-height:40px; border:1px solid #ddd; border-radius:20px; padding:0 10px; margin:0 10px 10px 0; }
.online03 dl dd .wrap .txt3 {}
.online03 dl dd .btn {margin-top:30px; font-size:0;}
.online03 dl dd .btn a {display:inline-block; width:200px; margin-right:10px; line-height:45px; background-color:#aaa; border-radius:5px; color:#fff; text-align:center;}
.online03 dl dd .btn a:last-child {background-color:#0f3170; transition:.2s all; }
.online03 dl dd .btn a:last-child:hover {background-color:#45c7f2}


/*ol03_view*/
.ol03_view {text-align:center; }
.ol03_view > ul {text-align:left; }
.ol03_view > ul > li {width:100%; margin-bottom:30px; font-size:0; }
.ol03_view > ul > li.width100 {width:49.5%; display:inline-block; }
.ol03_view > ul > li.width100 .input_wrap input {width:70%; }
.ol03_view > ul > li p {vertical-align:middle; text-align:left; margin-bottom:5px; font-weight:600;  }
.ol03_view > ul > li .input_wrap {width:100%; display:inline-block; vertical-align:middle; font-size:0;  }
.ol03_view > ul > li .input_wrap div {font-size:0; margin-bottom:10px; }
.ol03_view > ul > li .input_wrap li {margin-bottom:10px; }
.ol03_view > ul > li .input_wrap b {display:inline-block; width:40px; font-size:1.4rem; font-weight:700; vertical-align:middle; }
.ol03_view > ul > li .input_wrap input {width:80%; border:0; vertical-align:middle; background-color:#f3f3f3; padding:10px; }
.ol03_view > ul > li .input_wrap span {}
.ol03_view > ul > li a {display:inline-block; width:120px; vertical-align:middle; line-height:45px; background-color:#555; color:#fff; border-radius:5px; text-align:center; 
								margin-left:10px; }
.ol03_view > ul > li a.more {background-color:#999; transition:.2s all; width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; display:block; margin:20px auto 0 auto; }
.ol03_view > ul > li a.more:hover {background-color:#45c7f2}
.ol03_view > ul > li a.more img {margin-top:16px; }
.ol03_view > ul > li a.less {background-color:#999; transition:.2s all; width:25px; height:25px; line-height:25px; border-radius:100%; text-align:center; display:inline-block; }
.ol03_view > ul > li a.less:hover {background-color:red; }
.ol03_view > ul > li a.less img {margin-top:4px; }
.ol03_view .ol_submit {display:inline-block; width:200px; line-height:45px; border-radius:5px; background-color:#0f3170; color:#fff; transition:.2s all; MARGIN-TOP:30PX; }
.ol03_view .ol_submit:hover {background-color:#45c7f2}
.ol03_view > ul > li .input_wrap select {width:14%; line-height:45px; height:45px; border:0; background-color:#f3f3f3; vertical-align:middle; margin-right:1%; }



/*notice01*/
.notice01 {}
.notice01 .list {border-top:1px solid #333; }
.notice01 .list li {font-size:0; padding:20px 0; border-bottom:1px solid #ddd; }
.notice01 .list li a {vertical-align:middle; }
.notice01 .list li p {display:inline-block; vertical-align:middle; }
.notice01 .list li p.num {width:10%; text-align:center; }
.notice01 .list li p.tit {width:79%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice01 .list li a:hover p.tit {color:#111; }
.notice01 .list li p.date {width:10%; text-align:center; }
.notice01 .list li a p.num {color:#999; }
.notice01 .list li a p.date {color:#999; }
.notice01 .ico_new {display:inline-block; margin-left:5px; vertical-align:middle; font-size:.8rem; line-height:.8rem; background-color:orange; color:#fff; padding:1px 5px 3px 5px; border-radius:5px;  }



/*notice_view*/
.notice_view {}
.notice_view .board {}
.notice_view .board .tit_line {width:100%; border-bottom:1px solid #ddd; padding:15px 0; }
.notice_view .board .tit_line:after {content:''; display:block; clear:both; }
.notice_view .board .tit_line p {font-size:1.2rem; font-weight:600; }
.notice_view .board .tit_line .span { display:inline-block; margin-top:5px; }
.notice_view .board .tit_line .span span {color:#999; font-weight:400; font-size:.95rem; }
.notice_view .board .tit_line .span .date {margin-right:30px; }
.notice_view .board .tit_line .span .see {}
.notice_view .board .txt_area {}
.notice_view .board .txt_area p {}
.notice_view .board .txt_area p img {max-width:100%; margin:10px 0; }

.notice_view .pre_nex {border-top:1px solid #555; }
.notice_view .pre_nex li {width:100%;  border-bottom:1px solid #ddd; padding:5px 0; font-size:0; }
.notice_view .pre_nex li.prev {}
.notice_view .pre_nex li.next {}
.notice_view .pre_nex li span {display:inline-block; width:10%; vertical-align:middle; }
.notice_view .pre_nex li a {display:inline-block; width:89.9%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:middle; }
.notice_view .pre_nex li a:hover {color:#111; }

.notice_view .list_btn {width:200px; line-height:45px; color:#fff; background-color:#0f3170; text-align:center; display:block; border-radius:5px; margin:30px auto 0 auto; transition:.2s all; }
.notice_view .list_btn:hover {background-color:#45c7f2; }

.notice_view .download {width:100%; font-size:0; margin-top:30px; line-height:50px; background-color:#f3f3f3;  }
.notice_view .download span {display:inline-block; width:10%; line-height:30px; vertical-align:middle; border-right:1px solid #aaa; text-align:center;  }
.notice_view .download p {display:inline-block; width:90%; line-height:30px;  vertical-align:middle; padding-left:30px; font-size:0; }
.notice_view .download p a {display:inline-block; line-height:30px; padding:0 10px; background-color:#45c7f2; color:#fff; border-radius:5px;  font-size:.95rem; vertical-align:middle; margin-right:10px; }