.fl {float:left;}
.fr {float:right;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align: center;}
.vt {position:relative; top:-2px;}
.p20 {padding:0 20px;}
.red {font-size:12px; color:#e56565;}
.black {color:#222 !important;}
.orange {color:#fa640f !important;}
.green {color:#009591 !important;}
.blue {color:#45a5f1 !important;}
.vbar {display:inline-block; margin:0 5px; height:10px; width:1px; background:#b2b9bc;}

.gray_box {padding: 20px; background: #f2f3f4; border-radius: 10px;}
.gray_box .txt1 {text-align: center; font-size: 14px; line-height: 24px; padding:0 0 45px; color: #474849;}
.gray_box .txt1 strong {display: block; padding: 45px 0 30px; font-size: 22px; color: #009591; font-weight: normal;}
.gray_box .tb {padding-top:0 !important;}
.gray_box .chk_bar {padding-bottom:0; border-top-color:#ededed;}
.tab_con {padding:0 20px;}
ul.tab_type1 {display:flex; height:48px; /*	margin-bottom:20px;*/ /*	border-bottom:2px solid #009591;*/}
ul.tab_type1 li {flex:1; width: 20px; height: 52px; text-align:center;}
ul.tab_type1 li a {display: block; height: 48px; font-size: 16px; line-height: 48px; border: 1px solid #009591; /*	border-radius: 5px 5px 0 0;*/}
ul.tab_type1 li.on a,
ul.tab_type1 li.ui-state-active a {color:#fff; background: #009591;}
ul.tab_type1 li.on:after a:after,
ul.tab_type1 li.ui-state-active a:after {content:""; display:block; position:absolute; left:-2px; top:-2px; width:2px; height:48px; background:#474849;}
ul.tab_type1:after {content: ""; display: block; clear: both;}

.both {}
.both:after {content:""; display:block; clear:both;}
.both > *:first-child {float:left;}
.both > *:last-child {float:right;}
.both .txt {position: relative; display: block; width: 100%; max-height: 33px; text-align: right;}
.both .btn {margin: 0 0 0 4px;}
.both .btn.fr {margin-left: 8px;}
.both .btn.fl {margin-right: 8px;}
.both + table {margin: 8px auto 24px;}

.both.date > div:first-child {font-size:0;}
.both.date > div:first-child label {margin:0 0 0 -1px; padding:0 !important; width:69px; height:29px; border:1px solid #ececec; background:#f2f3f4; text-align:center; line-height:29px; font-size:13px;}
.both.date > div:first-child label:last-of-type {margin-right:10px;}
.both.date > div:first-child input:checked + label {background:#ececec;}
.both label {padding-left:20px !important; margin-right:20px;}

.btns {padding: 32px 0 0 0;}
.btns.p0 {padding:0 0 15px;}
.btns:after {content:""; display:block; clear:both;}
.btns.center li {text-align:center;}
.btns.center li a {margin:0 22px;}
.btns.center li span a {margin:0 10px;}
.btns.left a {margin-right:44px;}
.btns.right li {float:right;}
.btns.right a {margin-left:44px;}
.btns.both li {float:right;}
.btns.both li a {margin:0 0 0 44px;}
.btns.both li:first-child {float:left;}
.btns.both li:first-child a {margin:0 44px 0 0;}

.btnInfo {padding: 32px 0 0 0;}
.btnInfo.p0 {padding:0 0 15px;}
.btnInfo:after {content:""; display:block; clear:both;}
.btnInfo.center li {text-align:center;}
.btnInfo.center li a {margin:0 22px;}
.btnInfo.center li span a {margin:0 10px;}
.btnInfo.left a {margin-right:44px;}
.btnInfo.right li {float:right;}
.btnInfo.right a {margin-left:44px;}
.btnInfo.both li {float:right;}
.btnInfo.both li a {margin:0 0 0 44px;}
.btnInfo.both li:first-child {float:left;}
.btnInfo.both li:first-child a {margin:0 44px 0 0;}

.btnsUT {padding: 24px 0;}
.btnsUT.p0 {padding:0 0 15px;}
.btnsUT:after {content:""; display:block; clear:both;}
.btnsUT.center li {text-align:center;}
.btnsUT.center li a {margin:0 10px;}
.btnsUT.left a {margin-right:44px;}
.btnsUT.right li {float:right;}
.btnsUT.right a {margin-left:44px;}
.btnsUT.both li {float:right;}
.btnsUT.both li a {margin:0 0 0 44px;}
.btnsUT.both li:first-child {float:left;}
.btnsUT.both li:first-child a {margin:0 44px 0 0;}

.btnjqwidget {display:inline-block; position:relative; top:2px; padding:0 14px; margin:0 4.5px; text-align:center; border-radius:3px; box-sizing:border-box;}
.btnjqwidget.h30 {height:30px; line-height:30px;}
.btnjqwidget.m {min-width:100px; text-align:center; font-size: 13px;}
.btnjqwidget.type1 {background:#efefef; color:#474849; border:1px solid #797979;}
.btnjqwidget.type1:active {background:#e3e1e2; color:#fff;}


.btn {display:inline-block; position:relative; height: 33px; padding: 0 14px; margin: 0 8px 0 0; text-align:center; line-height: 30px; border-radius:5px; box-sizing:border-box; vertical-align:middle;}
/*.btn:last-child {margin: 0;}*/
.btn.h25 {height:25px; line-height:25px;}
.btn.h30 {height:33px; line-height:32px;}
.btn.h37 {height:37px; line-height:37px;}
.btn.h40 {height:40px; line-height:40px;}
.btn.h50 {height:50px; line-height:50px;}
.btn.m {min-width:100px; text-align:center;}
.btn.m2 {min-width:70px; text-align:center;}
.btn.m3 {min-width:40px; text-align:center;}
.btn.type1 {background:#009591; color:#ffffff; border:1px solid #009591;}
.btn.type2 {background:#ffffff; color:#009591; border:1px solid #009591;}
.btn.type3 {background:#f2f3f4; color:#474849;}
.btn.type4 {background:#e56565; color:#ffffff;}
.btn.type5 {background:#f2f3f4; color:#474849; border:1px solid #e3e1e2;}
.btn.type6 {background:#009591; color:#fff;}
.btn.type7 {background:#ffffff; color:#009591; text-decoration: underline;}

.btnx {border-radius:12.5px; height:25px; width:25px; border:1px solid #009591; background:white;}
.btnx:active {background:#009591; color:#fff;}

input + .btn {margin: 0 !important;}

.btn.h100 {height:40px; width:100px; line-height:40px;}
.btn.h150 {height:40px; width:150px; line-height:40px;}
.btn.h200 {height:40px; width:200px; line-height:40px;}

.btn.ico1:before {content:url(../../images/ico_btn1.png); position:relative; top:3px; margin:0 5px 0 0;}
.btn.ico2:before {content:url(../../images/ico_btn2.png); position:relative; top:4px; margin:0 5px 0 0;}
.btn.ico3:after {content:url(../../images/ico_btn3.png); position:relative; top:1px; margin:0 0 0 5px;}
.btn.ico4:before {content:url(../../images/ico_btn4.png); position:relative; top:2px; margin:0 5px 0 0;}

input[type="radio"] {position:absolute; left:0%; width: 0px; height: 0px; border: 0px;}
input[type="radio"] + label {display:inline-block; height:15px; padding:0 0 0 22px; line-height:15px; background:url(../../images/bg_radio_off.png) no-repeat left; color:#474849;}
input[type="radio"]:checked + label {background:url(../../images/bg_radio_on.png) no-repeat left;}
input[type="checkbox"] {position:absolute; left:0%; width: 0px; height: 0px; border: 0px;}
input[type="checkbox"] + label {display:inline-block; height:14px; padding:0 0 0 22px; line-height:14px; background:url(../../images/ico_checkbox.png)no-repeat left top;}
input[type="checkbox"]:checked + label {background-position: left bottom;}

input.cal::-ms-clear {display: none;}

.ui-datepicker {display:none; border:1px solid #e3e1e2; padding:5px; z-index:990 !important; background:#fff;}
.ui-datepicker-header {position:relative; margin:0 auto; padding:5px 25px 10px; width:280px; box-sizing:border-box; text-align:center; background:#fff; color:#009591; font-weight:bold;}
.ui-datepicker-header .ui-datepicker-next {display:block; overflow:hidden; position:absolute; right:5px; top:3px; width:19px; height:19px; text-align:center; line-height:19px; text-indent:-100px;}
.ui-datepicker-header .ui-datepicker-next:after {position:absolute; content:">>"; left:0; text-indent:0; color:#009591;}
.ui-datepicker-header .ui-datepicker-prev {display:block; overflow:hidden; position:absolute; left:5px; top:3px; width:19px; height:19px; text-align:center; line-height:19px; text-indent:-100px;}
.ui-datepicker-header .ui-datepicker-prev:after {position:absolute; content:"<<"; right:0; text-indent:0; color:#009591;}
.ui-datepicker-calendar thead th {padding:2px; background:#009591; color:#FFFFFF; text-align:center; font-size:12px; font-weight:normal; height:25px;}
.ui-datepicker-calendar thead th:first-child {background:#009591; border:none;}
.ui-datepicker-calendar tbody td {width:40px; padding:2px; border:1px solid #ddd; text-align:center; font-size:13px; background:#fff; height:30px; box-sizing:border-box;}
.ui-datepicker-calendar tbody td a {display:block;}
.ui-datepicker-calendar tbody td:first-child a {color:#009591;}
.ui-datepicker-calendar tbody td:last-child a {color:#5397c6;}
.ui-datepicker-calendar tbody td a.ui-state-active {background:#f49db0; color:#fff; height:30px; line-height:30px;}
.ui-datepicker-trigger {display: inline-block; width: 33px; height: 33px; margin: 0; vertical-align: top;}

.ui-dialog {position:absolute !important; z-index:101;}
.ui-widget-overlay {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.ui-dialog.type1 {padding:40px; background:#fff; border-radius:6px; box-shadow:0 0 30px #d4d4d4;}
.ui-dialog.type1 .ui-dialog-titlebar {position: relative; margin: 0 0 30px;}
.ui-dialog.type1 .ui-dialog-titlebar:after {content: ""; display: block; position: absolute; left: 0; top:50%; z-index: -1; margin-top: -0.5px; width: 100%; height: 1px; background: #c0c0c0;}
.ui-dialog.type1 .ui-dialog-titlebar > span {display:inline-block; padding:0 20px 0 25px; background: url(/images/bu_check.png) no-repeat left #fff; font-size:16px; color: #474849; font-weight: normal;}
.ui-dialog.type1 .ui-dialog-titlebar .ui-dialog-titlebar-close {position:absolute; right:-25px; top:-25px;}
.ui-dialog.type1 .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {display:block; overflow:hidden; width:15px; height:15px; background: url(../../images/btn_close.png) no-repeat #fff; color:transparent; cursor:pointer;}


.ui-dialog.type2 {padding:40px; background:#fff; border-radius:6px; box-shadow:0 0 30px #d4d4d4;}
.ui-dialog.type2 .ui-dialog-titlebar {position: relative; margin: 0 0 30px;}
.ui-dialog.type2 .ui-dialog-titlebar:after {content: ""; display: block; position: absolute; left: 0; top:50%; z-index: -1; margin-top: -0.5px; width: 100%; height: 1px; background: #c0c0c0;}
.ui-dialog.type2 .ui-dialog-titlebar > span {display:inline-block; padding:0 20px 0 25px; background: url(/images/bu_check.png) no-repeat left #fff; font-size:16px; color: #474849; font-weight: normal;}
/*
.ui-dialog.type2 .ui-dialog-titlebar .ui-dialog-titlebar-close { position:absolute; right:-25px; top:-25px;}
.ui-dialog.type2 .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { display:block; overflow:hidden; width:15px; height:15px; background: url(../../images/btn_close.png) no-repeat #fff; color:transparent; cursor:pointer;}
*/


.alert {padding:20px 0 0; font-size:14px; color:#474849; text-align:center; line-height:30px;}
.ui-dialog .content {padding:0;}

.flex {display: flex;}
.flex > * {flex: 1;}


header.basic > div {margin: 0 auto; width:1200px; height:90px;}
header.basic > div h1 {float: left; padding: 24px 0 0; font-weight: normal;}


/*header.basic nav { float: right;}*/
header.basic nav {float: right; padding-top:50px;}
header.basic nav li a:hover {color:#FFFFFF;}
header.basic nav li:last-child {padding-right:0;}

header.basic nav span {float: left; height: 33px; font-size: 14px; line-height: 33px; padding-right:20px;}
header.basic nav select {width: 150px;}
header.basic span a {color:#009591;}
header.basic span:nth-child(2) a {color:#fb6c6c;}
header.basic span a:hover {color:#009591;}

hmenu.menu > div {margin: 0 auto; width:1200px; height:50px; box-sizing:border-box; background:#009591;}
hmenu.menu nav {float: right;}
hmenu.menu nav li {float: left;}
hmenu.menu nav li a {display: block; padding: 0 20px; line-height: 49px; font-size: 15px; color:#FFFFFF;}
hmenu.menu nav li a:hover {font-size: 15px; color:#FFFFFF;}
hmenu.menu nav li:last-child {padding-right:0;}


hmenu.boardmenu > div {margin: 20px auto; width:1200px; height:40px; box-sizing:border-box; background:white;}
hmenu.boardmenu nav {float: right; margin: 0px auto; border-bottom:1px solid black;}
hmenu.boardmenu nav li {float: left;}
hmenu.boardmenu nav li a {display: block; padding: 0 20px; line-height: 30px; font-size: 15px; color:#009591;}
hmenu.boardmenu nav li a:hover {font-size: 15px; color:#FFFFFF;}
hmenu.boardmenu nav li:last-child {padding-right:0;}


/* Footer */
footer {display: block; width: 100%; padding: 30px 0; font-size: 14px; text-align: left; line-height: 24px; color: #979899; background: #f2f3f4;}
footer h5 {margin-bottom: 14px;}



/*
body > footer { background: #eaeaea;}
body > footer > div { padding: 50px 0; width:1200px; margin: 0 auto;}
body > footer > div:after { content: ""; display: block; clear: both;}
body > footer > div .left { float: left; width: 550px;}
body > footer > div .left ul { float: right; padding: 0 0 13px;}
body > footer > div .left ul li { float: left; position: relative; padding: 0 15px;}
body > footer > div .left ul li:after { content: ""; display: block; position: absolute; left: 0; top:-3px; width: 1px; height:19px; background: #d3d3d3;}
body > footer > div .left ul li:first-child:after { display: none;}
body > footer > div .left ul li:last-child { padding-right: 0;}
body > footer > div .left ul li a { font-size:14px; color:#474849;}
body > footer address { clear: both; font-size: 10px; text-align: right;}
body > footer address span { display: block; padding: 5px 0 0 0; color: #8e8e8e;}
body > footer > div .right { float: right; width: 350px;}
body > footer .ico a { display: block; margin: 5px 0; padding: 0 0 0 33px; height:25px; line-height:25px; font-size: 20px; color: #474849; text-align: left;}
1body > footer .ico a:first-child { margin-top: 0; background: url(../../images/ico_phone.png) no-repeat left;}
body > footer .ico a:last-child { background: url(../../images/ico_mail.png) no-repeat left;}
*/
#snb {float:left; padding:20px; width:77px; border-radius:8px; background:#f2f3f4;}
#snb li {border-top:1px solid #e6e6e6;}
#snb li:first-child {border:none;}
#snb a {display:block; padding:73px 0 0; height:105px; box-sizing:border-box; text-align:center; font-size:13px; background:url(../../images/bg_snb.png) no-repeat;}
#snb .ico1 a {background-position:0px 0px;}
#snb .ico2 a {background-position:0px -100px;}
#snb .ico3 a {background-position:0px -200px;}
#snb .ico4 a {background-position:0px -300px;}
#snb .ico5 a {background-position:0px -401px;}
#snb .ico1 a:hover,
#snb .ico1.on a {background-position:right 0px;}
#snb .ico2 a:hover,
#snb .ico2.on a {background-position:right -100px;}
#snb .ico3 a:hover,
#snb .ico3.on a {background-position:right -200px;}
#snb .ico4 a:hover,
#snb .ico4.on a {background-position:right -300px;}
#snb .ico5 a:hover,
#snb .ico5.on a {background-position:right -401px;}
#snb.type2 {padding:0; width:115px; border-radius:0; background:none;}
#snb.type2 li {border:none; padding:0 0 15px;}
#snb.type2 li a {padding:0; height:35px; background:#bcbcbc; line-height:35px; border-radius:5px; color:#fff;}
#snb.type2 li a:hover,
#snb.type2 li a.on {background:#009591;}

/* main */
/*===main===*/
main {position: relative; display: block; width: 1200px; margin: 20px auto 0; padding: 0 0 40px;}
.content > section {float:right; width:1160px; background: #FFFFFF;}
.content > section .top {position:relative; display: inline-block; float: left; /*	margin:0 0 0px;*/ /*	padding-top:10px;*/ /*	color:#7b7b7b;*/}
.content > section .top h3 {display: inline-block; margin-right: 24px; margin-bottom: 34px; padding-left: 12px; line-height: 1; font-size:25px;}
.content > section .top p {padding:7px 0 20px; font-size:14px;}
.content > section .top.img {position:relative; padding:0 0 20px 100px; height:80px;}
.content > section .top.img > img {position:absolute; left:0; top:0; width:80px; height:80px;}
.content > section .top.img h3 {padding:0 0 8px; font-size:24px; color:#474849;}
.content > section .top.img p {font-size:18px; line-height:22px;}
.content > section .top .ico4 {position:absolute; right:0; top:0;}
.content > section .join_theme {padding:0;}
.content > section .join_theme .red {padding:8px 0 0 0;}



.content > jsection {float:left; padding-left:150px; width:860px;}
.content > jsection .top {position:relative; margin:0 0 0px; padding-top:40px; color:#7b7b7b;}
.content > jsection .top h3 {font-size:25px; font-weight:normal;}
.content > jsection .top p {padding:7px 0 20px; font-size:14px;}
.content > jsection .top.img {position:relative; padding:0 0 20px 100px; height:80px;}
.content > jsection .top.img > img {position:absolute; left:0; top:0; width:80px; height:80px;}
.content > jsection .top.img h3 {padding:0 0 8px; font-size:24px; color:#474849;}
.content > jsection .top.img p {font-size:18px; line-height:22px;}
.content > jsection .top .ico4 {position:absolute; right:0; top:0;}
.content > jsection .join_theme {padding:0;}
.content > jsection .join_theme .red {padding:8px 0 0 0;}

maindoc {width: 800px;}
.content > sectiondoc {}
/*
#login { position: relative; margin: 70px auto 70px; padding: 35px 35px 35px 555px; width: 880px; height: 430px; background: url(../../images/img_login.png ) no-repeat left top #f2f3f4; box-sizing: border-box; border-radius: 0 10px 10px 0;}
#login h2 { padding: 0 0 20px 30px;}
#login > ul li { padding: 0 0 10px;}
#login > ul li:last-child { padding-top:20px;}
#login > a { display: block; margin: 10px 0 0 0; height: 40px; line-height: 40px; text-align: center; background: #009591; font-size: 16px; color: #fff; border-radius: 5px;}
#login .txt { padding: 15px 0 0; font-size:12px; color:#e56565; text-align: center;}
#login .more { position: absolute; right:12px; bottom: 0; width:335px; border-top: 2px solid #f1f1f1;}
#login .more ul { display: flex;}
#login .more ul li { position: relative;flex: 1; text-align: center; line-height:58px;}
#login .more ul li:after { content: ""; display: block; position: absolute; left: 0; top: 18px; width: 1px; height: 20px; background: #eaeaea;}
#login .more ul li:first-child:after { display: none;}
#login .more ul li a { font-size: 12px; color: #9e9e9e;}
*/
.h2 {padding:0 0 7px; border-bottom:2px solid #c6c6c6; font-size:19px; font-weight:normal;}
.h2_2 {display:table; width:100%; box-sizing:border-box; margin:0 0 40px; padding:33px 20px; background:#009591; border-radius:5px; color:#fff;}
.h2_2 > * {display:table-cell; vertical-align:middle; padding:0 20px;}
.h2_2 h2 {font-size:22px; line-height:30px; width:auto; text-align:center;}
.h2_2 p {line-height:21px; border-left:1px solid #fff; vertical-align:middle;}
.h2_3 {position: relative; margin: 0 0 30px;}
.h2_3:after {content: ""; display: block; position: absolute; left: 0; top:50%; z-index: -1; margin-top: -0.5px; width: 100%; height: 1px; background: #c0c0c0;}
.h2_3  span {display:inline-block; padding:0 20px 0 25px; background: url(../../images/bu_check.png) no-repeat left #fff; font-size:16px; color: #474849; font-weight: normal;}
.h3 {padding:0 0 20px; font-size:17px; color:#474849; font-weight:normal;}

.form_box_type1 {padding:50px 0 0 0;}
.form_box_type1 > h3 {padding:50px 0 10px; font-size:16px; font-weight:normal;}
.form_box_type1 > h3:first-of-type {padding-top:0;}
.form_box_type1 > p {padding:0 0 15px; font-size:13px;}
.form_box_type1 > ul li {padding:8px 0 0;}
.form_box_type1 > ul li .red {padding:12px 0 0 0;}
.form_box_type1 > ul li:first-child {padding:0;}

.info_txt {padding:30px 50px; margin:100px 0 0; border-radius:10px; background:#f2f3f4;}
.info_txt h3 {padding:0 0 18px; font-size:16px; font-weight:normal;}
.info_txt li {padding:10px 0 0 0;}
.info_txt li:first-child {padding:0;}
.info_txt li .tip {padding:0 0 0 10px; font-size:12px; color:#aaa;}
.info_txt li p.red {padding:12px 0 0 0;}

.faq_list {padding:0 20px 40px;}
.faq_list h2 {position:relative; margin-top:15px;}
.faq_list h2:first-child {margin:0;}
.faq_list h2 a {display:block; padding:0 0 0 40px; height:47px; line-height:47px; border:1px solid #e5e5e5; background:#f2f3f4; border-radius:5px; font-size:14px; color:#474849; font-weight:normal;}
.faq_list h2 .ui-icon {position:absolute; right:40px; top:11px; width:26px; height:25px; background:url(../../images/ico_open.png) no-repeat;}
.faq_list h2.ui-state-active .ui-icon {background:url(../../images/ico_close.png) no-repeat;}
.faq_list div {padding:25px 35px; border:1px solid #e7e7e7; border-top:none; border-radius:0 0 5px 5px; margin-top:-3px; line-height:18px;}

/*.btn_box1 { position:relative; border:1px solid #a5a5a5; border-radius:5px; padding:42px 255px 0 148px; height:100px; background:url(../../images/ico_mail2.png) no-repeat 36px 29px;}*/
.btn_box1 h2 {padding:0 0 12px; font-size:22px; color:#474849;}
.btn_box1 p {}
.btn_box1 a {position:absolute; right:47px; top:33px; width:191px; height:74px; line-height:74px; background:#009591; font-size:22px; color:#fff; text-align:center; border-radius:5px;}
.btn_box1 a:after {content:url(../../images/bu_arrow.png); padding:0 0 0 px;}

.qna_box {padding:0 20px;}
.qna_box textarea {height:310px; width:800px;}
.qna_box input[type="text"] {width:800px;}
.qna_box > div {padding:20px 0;}
.qna_box > div dt,
.qna_box > div dd {float:left;}
.qna_box > div dt {padding:0 15px 0 32px; color:#6b6b6b; line-height:30px;}
.qna_box > div dd {width:340px;}

.join_box {padding:60px 0 0 0;}
.join_box > h2 {padding:0 0 35px; font-size:34px; color:#474849; font-weight:normal;}
.join_box > p {padding:0 0 20px;}
.join_box .agree_box {overflow:auto; height:210px; border:1px solid #e3e1e2;}
.join_box .agree_box + .btns {padding:10px 0 60px;}
.join_box + .btns {padding-top:15px;}

.join_box_form {padding: 60px 0 0 0;}
.join_box_form h2 {padding: 0 0 50px; font-size: 36px; color: #474849;}
.join_box_form .sel1 {padding: 0 0 0 20px;}
.join_box_form .sel1 li {padding: 10px 0 0 0;}
.join_box_form .sel1 li:first-child {padding: 0;}
.join_box_form .tb {padding: 45px 0 25px 20px;}
.join_box_form .tb th {padding:14px 0 0; width: 120px; font-weight: normal; text-align: left; vertical-align: top;}
.join_box_form .tb td {padding: 5px 0; height:30px;}
.join_box_form .tb th span {color: #474849;}
.join_box_form .tb p.red {padding: 9px 0 0 0;}
.join_box_form .tb td .txt {color: #b4b4b4;}

.chk_bar {padding: 20px 0 65px; border-top: 1px solid #ededed;}
.agree_box2 {overflow: auto; padding:40px; height: 880px; border: 1px solid #e3e1e2; border-radius:13px;}

.join_theme {padding: 60px 0 0 0;}
.join_theme h2 {padding: 0 0 50px; font-size: 36px; color: #474849;}
.join_theme h3 {padding: 48px 0 12px; font-size: 18px; color: #474849; font-weight: normal;}
.join_theme h3 span {color: #474849;}
.join_theme .p20 {padding: 20px;}
.join_theme .top {padding: 0 0 35px; border-bottom: 1px solid #e9e9e9;}
.join_theme .top h3 {padding: 0 0 18px;}
.join_theme .top li {line-height: 20px; color: #474849;}
.join_theme .top li a {color: #009591; text-decoration: underline;}
.join_theme .no2 > div:first-child {padding: 0 30px 0 0;}
.join_theme .no1 > * {display:inline-block;}

.flex.img_box > div div {position: relative; padding: 0 0 0 123px; height:105px;}
.flex.img_box > div div span {position: absolute; left: 0; top: 0; width: 100px; height: 100px; border: 1px solid #e3e1e2; border-radius:4px; background: url(../../images/ico_pic.png) no-repeat center;}
.flex.img_box > div div ul {padding: 14px 0 14px;}
.flex.img_box > div div ul li {padding: 0 0 9px; font-size: 11px; color: #424242;}
.flex.img_box > div p {clear: both; padding:15px 0 0 8px; text-indent:-8px;}
.flex.img_box.view > div h3 {padding:0 0 18px; color:#474849; font-weight:normal;}
.flex.img_box.view > div div {padding:0;}
.flex.img_box.view > div div span {width:150px; height:102px; background:#f2f3f4; border:none;}

.content {padding:20px;}
.notice {padding: 0 0 20px; margin: 0 0 40px; border-bottom: 1px solid #e3e1e2;}
.notice li {padding: 10px 0 0 0; font-size: 15px;}
.notice li:first-child {padding-top: 0;}
.form_box_type2 h3 {padding: 48px 0 12px; font-size: 18px; color: #474849; font-weight: normal;}
.form_box_type2 h3:first-child {padding-top: 0;}
.pay_list .sel {font-size: 0;}
.pay_list .sel a {font-size: 13px;}
.pay_list .sel a:first-child {margin-left: 0;}
.pay_list > div {padding: 0 0 20px;}
.pay_list > div span {padding: 0 0 0 10px; font-size: 19px; color: #4c4c4c; vertical-align: middle;}
.list1 {}
.list1 li {padding: 9px 0 0 0;}
.list1 li:first-child {padding: 0;}
.list1 li strong {color:#009591; font-weight: normal;}
.list2 {font-size:14px; color:#474849;}
.list2 li {padding:20px 0 0 0;}
.list2 li:first-child {padding:0;}

.txt_time {padding:50px 0 0 0; font-size:14px; color:#a5a5a5; text-align:center;}

.pay_box:after {content:""; display:block; clear:both;}
.pay_box .left {float:left; width:400px;}
.pay_box .left .top {padding:0 0 17px; border-bottom:1px solid #f2f2f2;}
.pay_box .left .top {content:""; display:block; clear:both;}
.pay_box .left h3 {float:left; color:#474849; font-weight:normal;}
.pay_box .left ul {float:left;}
.pay_box .left ul li {float:left;}
.pay_box .left ul li label {margin:0 0 0 20px;}
.pay_box .right {float:right; padding:10px; width:292px; border:1px solid #f3f3f3; border-radius:5px; box-sizing:border-box;}
.pay_box .right dl {margin:20px; padding:0 10px 25px; border-bottom:1px solid #e56565;}
.pay_box .right dt,
.pay_box .right dd {float:left; width:50%; font-size:16px; color:#474849; line-height:28px;}
.pay_box .right dt {font-weight:bold;}
.pay_box .right dd {text-align:right;}
.pay_box .right .result {padding:0 24px 55px; text-align:right; font-size:20px; color:#474849;}
.pay_box .right .result h3 {padding:0 0 13px; font-weight:normal; line-height:100%;}
.pay_box .right .result div strong {font-size:32px; color:#e56565;}
.pay_box .right p {}
.pay_box .right .info {padding:5px 0 15px;}
.pay_box .right a.type1 {display:block; margin:0 0 4px; height:64px; line-height:64px; text-align:center; font-size:28px; color:#fff; background:#009591; border-radius:4px;}
.pay_box .right a.type2 {display:block; height:36px; line-height:36px; text-align:center; color:#fff; background:#b2b2b2; border-radius:4px;}
.pay_box .right + * {clear:both; padding-top:8px;}

.form_box h3 {padding:0 0 20px; color:#474849; font-weight:normal;}
.form_box .row {padding:0 0 15px;}
.form_box .row h3 {display:inline-block; padding:0 25px 0 0;}
.form_box .row > div {display:inline-block;}


table.view {border-top:2px solid #009591; text-align: left;}
table.view tr {border-bottom:1px solid #e3e1e2;}
table.view th {padding:9px 0; color:#474849; height:32px;}
table.view td {height: 52px;}
table.view th {text-align:left; font-weight:normal;}
table.view td .textarea_view {margin:0 0 25px; height:160px; padding:15px; overflow:auto; background:#f2f3f4; border-radius:7px; box-sizing:border-box; line-height:18px;}

table.list {border-top:2px solid #009591; text-align: center;}
table.list tr {border-bottom:1px solid #e3e1e2;}
table.list th {height:48px; background:#f2f3f4; color:#474849; font-weight:normal; border-top:2px solid #009591; border-bottom:1px solid #e3e1e2;}
table.list td {height:48px;}
table.list th.subject {text-align:left; padding-left:10px;}
table.list td.subject {text-align:left; padding-left:10px;}
table.list td.subject a {color:#333333;}
table.list tr:hover td {background:#ffffcc;}

table.listuser {border-top:2px solid #009591; text-align: left;}
table.listuser tr {border-bottom:1px solid #e3e1e2;}
table.listuser th {height:48px; background:#f2f3f4; color:#474849; font-weight:normal; border-top:2px solid #009591; border-bottom:1px solid #e3e1e2;}
table.listuser td {height:48px; padding: 8px 20px;}
table.listuser th.subject {text-align:center; padding-left:10px;}
table.listuser td.subject {text-align:left;}
table.listuser td.subject a {color:#333333;}
/*table.listuser tr:hover td {background:#ffffcc;}*/

table.listjoin {/*	border-top:2px solid #009591;*/ /*	border-bottom:2px solid #009591;*/ text-align: left;}
/*table.listjoin tr {border-bottom:1px solid #e3e1e2}*/
table.listjoin th {height:48px; background:#f2f3f4; color:#474849; font-weight:normal;}
table.listjoin td {/*	height: 52px;*/ padding: 4px 0;}
table.listjoin th.subject {text-align:center; padding-left:10px;}
table.listjoin td.subject {text-align:center;}
/*
table.listjoin tr:hover td {
	background:#ffffcc;
}
*/
/**/
table.listjoin td h1 {display: inline-block; height: 56px; float: left; margin: 0 auto 24px; padding: 0 20px; font-size: 34px; line-height: 56px; color: #009591;}
table.listjoin td input {width: 100%; height: 52px; margin: 0;}
table.listjoin td input[type="checkbox"] {width: 0px; height: 0px; border: 0px; margin: 0;}

table.listdownload {border-top:2px solid #009591; text-align: center;}
table.listdownload tr {border-bottom:1px solid #e3e1e2;}
table.listdownload th {height:60px; background:#f2f3f4;}
table.listdownload td {height:48px;}
table.listdownload th.subject {text-align:left; padding-left:10px;}
table.listdownload td.subject {text-align:left; padding-left:10px; color:#635b5b;}
table.listdownload th.ico {}
table.listdownload td.ico {}

table.listInfo {border-top:2px solid #009591; text-align: left;}
table.listInfo tr {border-bottom:1px solid #e3e1e2;}
table.listInfo th {height:48px; padding: 0 20px; font-weight:normal; background:#f2f3f4;}
table.listInfo tbody th {border-right: 1px solid #e3e1e2;}
table.listInfo>tbody>tr>td {height:48px; padding-left:20px; padding-right:20px; border-right: 1px solid #e3e1e2;}
table.listInfo>tbody>tr>td:last-child {border-right: none;}
table.listInfo th.subject {text-align:left; padding-left:10px;}
table.listInfo td.subject {text-align:left; padding-left:10px;}
table.listInfo td.subject a {color:#727272;}

table.etcconfig {text-align: left;}
table.etcconfig tr {border-bottom: none !important;}
table.etcconfig td {height:48px; padding-left:0px;}

table.listinput {border-top:2px solid #009591; text-align: left;}
table.listinput {border-bottom:1px solid #e3e1e2;}
table.listinput th {height:0px; background:#f2f3f4; color:#474849; font-weight:normal; border-top:2px solid #009591;}
table.listinput td {height:48px; padding-left:20px;}
table.listinput th.subject {text-align:left; padding-left:10px;}
table.listinput td.subject {text-align:left; padding-left:10px; color:#474849;}

table.setsession {border-top:2px solid #009591; border-bottom:2px solid #009591; text-align: left;}
table.setsession tr {border-bottom:1px solid #e3e1e2;}
table.setsession th {height:0px; background:#f2f3f4; color:#474849; font-weight:normal; border-top:2px solid #009591;}
table.setsession td {height:56px; padding-left:20px;}
table.setsession th.subject {text-align:left; padding-left:10px; padding-top:20px; background:#ffffff;}
table.setsession td.subject {text-align:left; padding-left:10px;}
table.setsession td.subject a {color:#727272;}
table.setsession tr.etcc input[type="checkbox"] + label {margin-left: 20px;}
/* Find Pwd */
.tab_type1 + table.setsession tr {border-bottom: none;}
.tab_type1 + table.setsession th {background: #f7f8f9;}
.tab_type1 + table.setsession td {background: #f7f8f9;}
.tab_type1 + table.setsession td:first-child {padding-left: 200px;}
.tab_type1 + table.setsession td input {height: 42px;}
.tab_type1 + table.setsession td .btn.h30 {width: 150px; height: 42px; line-height: 38px;}


table.list.ov tr:hover td {background:#ffffcc;}
table.list.faq tr.q a.on {background:#009591; color:#fff;}
table.list.faq tr.a {display:none;}
table.list.faq tr.a td {text-align:left; padding:10px; line-height:20px;}
table.list.faq tr.a.on {display: table-row;}



.tdcontent {text-align:left; padding-left:20px;}

.ico_type1 {display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#1791bc; color:#fff; font-size:10px;}
.ico_type2 {display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#009591; color:#fff; font-size:10px;}
.ico_type3 {display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#b2b2b2; color:#fff; font-size:10px;}
.ico_type4 {display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#f2c716; color:#fff; font-size:10px;}
.ico_type5 {display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#ed7656; color:#fff; font-size:10px;}


.hr {margin:25px 0 0 0; border-top:2px solid #bddc94; padding:25px 30px 0;}
.hr2 {margin:25px 0 0 0; border-top:2px solid #bddc94; padding:25px 0 0;}

.theme_list {overflow:auto; height:350px;}
.theme_list li {line-height:30px;}
.theme_list a {font-size:13px; color:#474849;}

.complete {display:table; width:100%; line-height:25px;}
.complete > div {display:table-cell; height:330px; font-size:14px; text-align:center; vertical-align:middle; color:#474849; border-top: 2px solid #009591; border-bottom: 2px solid #009591; background:#f7f8f9;}
.complete > div strong {display:block; padding:0 0 22px; font-size:30px; color:#009591;}

.list3 {padding:0 50px;}
.list3:after {content:""; display:block; clear:both;}
.list3 li {float:left; position:relative; margin:0 18px 20px; padding:17px; width:170px; height:250px; background:#f4f4f4; box-sizing:border-box;}
.list3 li > img {display:block; margin:10px auto 15px; border-radius:60px;}
.list3 li > a {position:absolute; left:50%; top:inherit; bottom:20px; margin-left:-25px;}
.list3 li dt {padding:0 0 10px; border-bottom:2px solid #e7e7e7; font-size:14px; text-align:center;}
.list3 li dd {padding:10px; font-size:10px; line-height:14px;}
.list3 li.more a {display:block; left:50%; top:50%; margin:-31px 0 0 -31px; width:62px; height:62px; background:#fff; border-radius:70px; text-align:center;}
.list3 li.more a img {padding:20px 0 0 0;}
.list3 li span {position:absolute; background:#009591;}
.list3 li span:nth-of-type(1) {left:0; bottom:0; width:1px; height:0;}
.list3 li:hover span:nth-of-type(1) {height:100%;}
.list3 li span:nth-of-type(2) {left:0; top:0; width:0; height:1px;}
.list3 li:hover span:nth-of-type(2) {width:100%;}
.list3 li span:nth-of-type(3) {right:0; top:0; width:1px; height:0;}
.list3 li:hover span:nth-of-type(3) {height:100%;}
.list3 li span:nth-of-type(4) {right:0; bottom:0; width:0; height:1px;}
.list3 li:hover span:nth-of-type(4) {width:100%;}
.list4 {display:table; width:100%;}
.list4 > div {display:table-cell;}
.list4 > div:nth-child(1) {width:40%;}
.list4 > div:nth-child(2) {width:20%; position:relative;}
.list4 > div:nth-child(3) {width:40%;}
.list4 > div:nth-child(1) div,
.list4 > div:nth-child(3) div {overflow:auto; width:310px; height:238px; border:1px solid #e3e1e2;}
.list4 > div:nth-child(1) div li,
.list4 > div:nth-child(3) div li {position:relative; padding:0 7px; height:30px; line-height:30px;}
.list4 > div:nth-child(1) div li:nth-child(odd),
.list4 > div:nth-child(3) div li:nth-child(odd) {background:#f2f3f4;}
.list4 > div:nth-child(3) div li a {position:absolute; right:20px; top:-2px;}
.list4 > div:nth-child(3) div li a img {width:10px;}
.list4 > div:nth-child(2) a {position:absolute; left:50%; top:50%; margin:15px 0 0 -32.5px;}

.paging {clear:both; text-align:center; padding:20px 0 0 0;}
.paging li {display:inline-block;}
.paging li a {display:block; margin:0 6px; width:30px; height:30px; background:#f2f3f4; text-align:center; line-height:30px; font-size:12px; color:#474849; border-radius:3px; vertical-align:middle;}
.paging li a:hover,
.paging li a.on {background:#009591; color:#fff;}
.paging li:first-child a,
.paging li:last-child a {background:none; position:relative; top:-2px;}
.paging li:first-child a:hover,
.paging li:last-child a:hover {background:none;}

.paging + .btns {margin-top:-35px; padding:0;}

.con_type1 h4 {padding:30px 0 0; color:#474849; font-weight:normal;}
.con_type1 h4:firts-child {padding:0;}
.con_type1 p {padding:15px 0 20px; font-size:13px;}
.sns_list {padding:25px; background:#f2f3f4; border-radius:3px;}
.sns_list ul {display:flex;}
.sns_list li {flex:1;}
.sns_list li a {display:block; text-align:center;}
.sns_list li a img {display:block; margin:0 auto 7px;}
.sns_list li a:hover img {animation:icos ease 0.8s infinite;}
.sns_list li a span {display:inline-block; padding:0 10px; height:21px; line-height:21px; background:#fff; border-radius:30px; border:1px solid #efefef; font-size:11px;}

@keyframes icos {
	0% {transform:translateY(0);}
	50% {transform:translateY(-8px);}
	100% {transform:translateY(0px);}
}

.pr {position:relative; margin:10px 0;}
.pr > *:last-child {position:absolute; right:0; top:0;}
.both .pr > *:last-child {top:0 !important;}



.more_txt {position:relative;}
.more_pop {display:none; position:absolute; top:30px; z-index:100; padding:40px; width:115px; background:#fff; border-radius:10px; box-shadow:0 0 30px #d4d4d4;}
.more_pop h3 {padding:0 0 25px; color:#474849; font-weight:normal;}
.more_pop dl {margin:0 0 10px; border-bottom:2px solid #b9b9b9;}
.more_pop dl:after {content:""; display:block; clear:both;}
.more_pop dl dt,
.more_pop dl dd {padding:0 0 15px; float:left; width:50%; font-size:14px; text-align:right;}
.more_pop dl dt {text-align:left;}
.more_pop strong {float:left;}
.more_pop span {float:right;}
.more_pop > a {position:absolute; right:10px; top:10px;}
.more_pop:after {content:""; display:block; position:absolute; left:39px; top:-20px; border-style:solid; border-width:10px; border-color:transparent transparent #fff transparent;}
.more_pop.type2 {width:210px;}
.more_pop.type2 h3 {text-align:left;}
.more_pop.type2 dl dd {text-align:left;}
.more_pop.type2 .btns {padding:20px 0 0;}


.slist {height: 48px; text-align:center; border-top:3px solid #009591; border-bottom:1px solid #e3e1e2; background:#ffffff;}
.clist {width: 150px; height:150px; padding: 10px 10px 15px 10px; vertical-align: top; font-size:14px; border-bottom:1px solid #e3e1e2; box-sizing: border-box; cursor:hand;}
.today {width: 150px; height:150px; padding: 10px 10px 15px 10px; vertical-align: top; border-bottom:1px solid #e3e1e2; box-sizing: border-box; background-color: #fffad7; cursor:hand;}
.clistpast {width: 150px; height:150px; padding: 10px 10px 15px 10px; vertical-align:top; border-bottom:1px solid #e3e1e2; box-sizing: border-box; background:#f9f9f9; cursor:hand;}
.closed {height: 20px; margin-top: 5px; font-size: 14px; text-align: center; line-height: 20px; color: #fff; border-radius: 2px; background: #c5b2b2;}
.ongoing {height: 20px; margin-top: 5px; font-size: 14px; line-height: 20px; color: #fff; text-align: center; border-radius: 2px; background: #009591;}
.reserved {height: 20px; margin-top: 5px; font-size: 14px; line-height: 20px; color: #fff; text-align: center; border-radius: 2px; background: #FFce00;}
sessions {width: 100%;}
.sessiondate {padding-left:30px; padding-top:20px; font-size:24px; vertical-align:bottom;}

/* pm */
.content > section .top + .no1 {margin-top:-30px;}
.content > section .no1 + p {padding:3px 0 0;}
.h2_3 + .join_box_form {padding:0;}
.join_theme .top +  h3 {padding-top:10px;}

/* 2017.03.03. */
.ui-datepicker-group-first,
.ui-datepicker-group-last {float:left; width:50%; padding:0 5px; box-sizing:border-box;}

/*singlebackground*/
.bg-co {position: relative; padding: 4px 0 4px 20px !important;}
.bg-co div {height: 56px; overflow: hidden; -webkit-transition: 3s; transition: 3s;}
.bg-co .more, .bg-co .less {position: absolute; top: 16px; left: 450px; width: 32px; height: 32px; font-size: 20px; font-weight: bold; text-align: center; color: #ccc; line-height: 26px; border: 1px solid #e3e1e2; border-radius: 50px; background: #f2f3f4;}
.bg-co input[type="checkbox"] {position: absolute !important; width: 0px !important; height: 0px !important; left: 0 !important;}
.bg-co input[type="checkbox"] + label {position: relative; display: inline-block; width: 60px; height: 48px; margin: 4px 0px; padding: 0px !important; border: 1px solid #e3e1e2; border-radius: 3px; box-sizing: border-box; background: none !important; overflow: hidden;}
.bg-co input[type="checkbox"]:checked + label {border: 1px solid #009591;}
.bg-co input[type="checkbox"]:checked + label:after {display: block; position: absolute; content: "�쐯"; top: 14px; left: 20px; width: 18px; height: 18px; font-size: 10px !important; font-weight: bold; line-height:18px; text-indent: 5px; color: #fff; border-radius: 10px; background: #333;}
.bg-co input[type="checkbox"] + label img {width: 60px !important; height: 48px !important; margin: 0px !important;}

/*login sc regist*/
.otpWrap {max-width:460px; margin:60px auto; padding: 42px 36px 36px; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow: -3px 4px 20px 0 rgba(177, 201, 201, .35); transform: rotate(0.05deg);}
.otpWrap h2 {font-size:20px; margin:0 0 8px;}
.otpWrap p {margin:6px 0; color:#444; font-size:14px; line-height:1.5;}
.otpWrap .btn {width:100%; height: 40px; margin-top:8px; font-size:15px; color:#fff; background:#009178; border:0; cursor:pointer;}
.otpWrap .btn.sub {border: 1px solid #009178; color: #009178; background:#FFFFFF;}
.otpWrap .btn:disabled {background:#a7c9c4; cursor:default;}
.otpWrap .code {width:100%; height: 40px; box-sizing:border-box; font-size:28px; letter-spacing:10px; text-align:center; padding:10px; margin:14px 0 8px; border:1px solid #bbb; border-radius:4px;}
.otpWrap .code::-webkit-input-placeholder {font-size:24px;}
.otpWrap .muted {color:#777; font-size:12px;}
.otpWrap .msg {font-size:13px; min-height:1.3em; margin-top:6px;}
.otpWrap .err {color:#b00020;}
.otpWrap .ok {color:#0b7a3b;}
.otpWrap .links {margin-top:16px; font-size:13px;}
.otpWrap .links a {color: #009178;}
.otpWrap li {padding: 4px 0; font-size: 14px; line-height: 1.5; word-break: keep-all;}
.otpWrap .qx-qrcode-container {display: block; margin: 16px auto; text-align: center;}
.otpWrap summary {color: #009178;}

.otpBox {border:1px solid #ddd; border-radius:6px; padding:18px 20px; margin:14px 0; background:#fafafa;}
.otpBox h4 {margin:0 0 10px; font-size:15px;}
.otpBox p {margin: 10px 0; font-size:13px;}
.otpBox ol {margin:0 0 10px 18px; padding:0; line-height:1.7;}
.otpBox .code {height: 40px; font-size:28px; letter-spacing:8px; text-align:center; width:220px; padding:0 8px; border:1px solid #bbb; border-radius:4px;}
.otpBox .code::-webkit-input-placeholder {font-size:24px;}
.otpBox code {background:#eee; padding:3px 6px; font-size:14px; word-break:break-all;}
.otpBox .msg {margin-top:8px; color:#b00020; min-height:1.3em;}
.otpBox .ok {color:#0a7d2b;}
.otpBox .btn {margin-right:6px;}
.otpBox input + .btn,
.otpBox input + .btn + .btn {height: 40px; line-height: 40px;}
#qr {margin:10px 0;}
.status-on {color:#0a7d2b; font-weight:bold;}
.status-off {color:#888; font-weight:bold;}
.muted {color:#666; font-size: 12px;}