@charset "utf-8";

/******************************
default
******************************/

html, body{min-width:1200px;}
html.popup, body.popup{min-width:auto;}
body{font-size:14px; font-family:'NanumGothic', sans-serif; font-weight:400; line-height:1.5; color:#666; text-align:left;}
a{text-decoration:none; color:#666;}

/******************************
header
******************************/

#header{width:100%;}

/*header_banner*/
#header .header_banner{width:100%; text-align:center; background:#384c60;}
#header .header_banner .inner{line-height:30px; padding:13px 0 12px; background:url(/images/top_banner_bg.png) no-repeat 80px top;}
#header .header_banner h2{display:inline-block; *display:inline; *zoom:1; font-size:20px; font-weight:700; color:#f4f226;}
#header .header_banner p{display:inline-block; *display:inline; *zoom:1; color:#ddd; margin:0 0 0 13px;}
#header .header_banner a.more{display:inline-block; *display:inline; *zoom:1; background:#448dc7; padding:0 20px; font-size:12px; color:#fff; margin:0 0 0 15px;}
#header .header_banner a.close{position:absolute; top:0; right:0; display:block; width:55px; height:100%; font-size:10px; color:#fff; line-height:53px; text-align:center;}

/*header_banner_190327*/
#header .header_banner02{position:relative; height:55px; overflow:hidden;}
#header .header_banner02 .bx-controls{position:absolute; top:0; left:50%; width:1200px; margin:0 0 0 -600px;}
#header .header_banner02 .bx-controls .bx-controls-direction{position:absolute; top:0; left:0;}
#header .header_banner02 .bx-controls .bx-controls-direction a{display:block; width:27px; height:27px; margin:1px 0 0; font-size:10px; color:rgba(255,255,255,.3); text-align:center;}
#header .header_banner02 .bx-controls .bx-controls-direction a span.fonti{position:relative; top:-1px;}
#header .header_banner02 .bx-controls .bx-controls-direction a:first-child{margin:0;}
#header .header_banner02 .bx-controls .bx-controls-direction a:first-child span.fonti{top:10px;}
#header .header_banner02 .bx-controls .bx-controls-direction a:hover{color:#fff;}
#header .header_banner02 .bx-controls .bx-pager{position:absolute; top:16px; right:38px; font-size:0;}
#header .header_banner02 .bx-controls .bx-pager .bx-pager-item{display:inline-block; margin:0 0 0 5px;}
#header .header_banner02 .bx-controls .bx-pager .bx-pager-item:first-child{margin:0;}
#header .header_banner02 .bx-controls .bx-pager .bx-pager-item a{display:inline-block; width:6px; height:6px; background:rgba(255,255,255,.3); border-radius:50%;}
#header .header_banner02 .bx-controls .bx-pager .bx-pager-item a.active{background:#fff;}
#header .header_banner02 .header_banner_controls{position:absolute; top:10px; left:50%; width:1200px; margin:0 0 0 -600px;}
#header .header_banner02 .header_banner_controls a{position:absolute; top:0; right:0; display:block; width:18px; height:18px; background:#fff; border-radius:50%; text-align:center;}
#header .header_banner02 .header_banner_controls a span.fonti{position:relative; top:-3px; font-size:12px; color:#666;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
}
/* top_banner01 */
#header .header_banner02 .header_banner_sec01{position:relative; width:100%; text-align:center; background:#384c60;}
#header .header_banner02 .header_banner_sec01 .inner{line-height:30px; padding:13px 0 12px; background:url(/images/top_banner_bg.png) no-repeat 80px top;}
#header .header_banner02 .header_banner_sec01 h2{display:inline-block; *display:inline; *zoom:1; font-size:20px; font-weight:700; color:#f4f226;}
#header .header_banner02 .header_banner_sec01 p{display:inline-block; *display:inline; *zoom:1; color:#ddd; margin:0 0 0 13px;}
#header .header_banner02 .header_banner_sec01 a.more{display:inline-block; *display:inline; *zoom:1; background:#448dc7; padding:0 20px; font-size:12px; color:#fff; margin:0 0 0 15px;}
#header .header_banner02 .header_banner_sec01 a.close{position:absolute; top:0; right:0; display:block; width:55px; height:100%; font-size:10px; color:#fff; line-height:53px; text-align:center;}
/* top_banner02 */
#header .header_banner02 .header_banner_sec02{position:relative; width:100%; text-align:center; background:#35353d;}
#header .header_banner02 .header_banner_sec02 .inner{line-height:30px; padding:10px 0 0; background:url(/images/con190327/top_banner02_bg.png) no-repeat center center;}
#header .header_banner02 .header_banner_sec02 p{display:inline-block; font-weight:700; color:#fff; background:#448dc7; padding:0 13px 0 15px; margin:3px 0 0; border-radius:15px;}
#header .header_banner02 .header_banner_sec02 h2{display:inline-block; font-size:20px; font-weight:700; color:#fff; margin:3px 26px 0;}
#header .header_banner02 .header_banner_sec02 h2 strong{color:#88cdfe;}
#header .header_banner02 .header_banner_sec02 img{display:inline-block;}
#header .header_banner02 .header_banner_sec02 a{position:relative; display:inline-block; width:90px; margin:3px 0 0 56px; padding:0 15px; border-radius:15px; border:1px solid #88cdfe; font-size:12px; color:#88cdfe; line-height:28px; text-align:left;}
#header .header_banner02 .header_banner_sec02 a span.fonti{font-size:10px; position:absolute; top:50%; right:11px; margin:-5px 0 0;}

/* top_banner02_190422 */
#header .header_banner02 .header_banner_sec03{position:relative; width:100%; text-align:center; background:#3c4457;}
#header .header_banner02 .header_banner_sec03 .inner{line-height:30px; padding:13px 0 0; background:url(/images/con190422/top_banner03_bg.png) no-repeat center center;}
#header .header_banner02 .header_banner_sec03 p{display:inline-block; color:#fff; margin:-1px 0 0;}
#header .header_banner02 .header_banner_sec03 h2{display:inline-block; font-size:20px; font-weight:700; color:#fff; margin:0 36px 0 16px;}
#header .header_banner02 .header_banner_sec03 h2 strong{color:#cdf9de;}
#header .header_banner02 .header_banner_sec03 h2 strong span{display:inline-block; background:#cdf9de; font-weight:900; color:#3c4457; line-height:23px; padding:0 2px 0 3px; margin:3px 0 0 4px;}
#header .header_banner02 .header_banner_sec03 img{display:inline-block;}
#header .header_banner02 .header_banner_sec03 a.more{position:relative; display:inline-block; width:90px; margin:0 0 0 36px; padding:0 15px; border-radius:15px; border:1px solid #fff; font-size:12px; color:#fff; line-height:28px; text-align:left;}
#header .header_banner02 .header_banner_sec03 a span.fonti{font-size:10px; position:absolute; top:50%; right:11px; margin:-5px 0 0;}


/*gnb*/
#header .gnb_wrap{background:#f9f9f9; border-bottom:1px solid #ddd;}

/*gnb_nav_left*/
#header .gnb_wrap ul.header_family_link{float:left;}
#header .gnb_wrap ul.header_family_link:after{content:""; display:block; clear:both;}
#header .gnb_wrap ul.header_family_link li{float:left; background:#fff; border-right:1px solid #ddd;}
#header .gnb_wrap ul.header_family_link li a{display:block; min-width:180px; font-size:12px; line-height:34px; text-align:center;}
#header .gnb_wrap ul.header_family_link li:first-child{background:#448dc7; border:0;}
#header .gnb_wrap ul.header_family_link li:first-child a{font-weight:700; color:#fff;}

/*gnb_nav_right*/
#header .gnb_wrap ul.gnb{float:right;}
#header .gnb_wrap ul.gnb:after{content:""; display:block; clear:both;}
#header .gnb_wrap ul.gnb li{float:left; position:relative; padding:0 0 0 11px; margin:0 0 0 10px;}
#header .gnb_wrap ul.gnb li:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;}
#header .gnb_wrap ul.gnb li{font-size:12px; line-height:34px;}
#header .gnb_wrap ul.gnb li a{display:block; font-size:12px; line-height:34px;}
#header .gnb_wrap ul.gnb li a.gnb_event{font-weight:700; color:#448dc7;}
#header .gnb_wrap ul.gnb li:first-child{padding:0; margin:0;}
#header .gnb_wrap ul.gnb li:first-child:after{display:none;}
#header .gnb_wrap ul.gnb li:first-child a span.fonti{font-size:10px; color:#448dc7; margin:0 10px 0 0;}

/*lnb*/
#header .lnb_wrap{position:relative; border-bottom:1px solid #ddd;}

/*lnb_logo*/
#header .lnb_wrap h1.logo{float:left; margin:17px 0;}

/*lnb_nav*/
#header .lnb_wrap nav.lnb{float:right;}
#header .lnb_wrap nav.lnb ul{padding:25px 0 24px;}
#header .lnb_wrap nav.lnb ul:after{content:""; display:block; clear:both;}
#header .lnb_wrap nav.lnb ul li{float:left; margin:0 0 0 40px;}
#header .lnb_wrap nav.lnb ul li:first-child{margin:0;}
#header .lnb_wrap nav.lnb ul li a{display:block; font-size:16px; font-weight:700; color:#222; line-height:35px;}
#header .lnb_wrap nav.lnb ul li a.lnb_my_class{min-width:150px; border-radius:17.5px; background:#7dabd8; color:#fff; text-align:center;}
#header .lnb_wrap nav.lnb ul li a.lnb_my_class span.fonti{font-size:15px; margin:-3px 9px 0 0;}
#header .lnb_wrap nav.lnb ul li.on a,
#header .lnb_wrap nav.lnb ul li a:hover{color:#448dc7;}
#header .lnb_wrap nav.lnb ul li a.lnb_my_class:hover{color:#fff;}

/*lnb_wrap*/
#header .lnb_wrap nav.lnb_list{position:absolute; top:85px; left:0; width:100%; background:#fff; border-bottom:1px solid #ddd; z-index:999; display:none;}
#header .lnb_wrap nav.lnb_list ul:after{content:""; display:block; clear:both;}
#header .lnb_wrap nav.lnb_list ul li{float:left; border-right:1px solid #ddd; width:199px; min-height:331px;}
#header .lnb_wrap nav.lnb_list ul li:first-child{border-left:1px solid #ddd; width:198px;}
#header .lnb_wrap nav.lnb_list ul li dl dt{margin:0 0 12px;}
#header .lnb_wrap nav.lnb_list ul li dl dt a{display:block; padding:0 20px; background:#448dc7; font-size:16px; font-weight:700; color:#fff; line-height:40px;}
#header .lnb_wrap nav.lnb_list ul li dl dt + dd strong{padding:0 0 5px;}
#header .lnb_wrap nav.lnb_list ul li dl dd strong{display:block; font-weight:700; color:#448dc7; padding:25px 0 5px;}
#header .lnb_wrap nav.lnb_list ul li dl dd{line-height:2; padding:0 15px 0 15px;}
#header .lnb_wrap nav.lnb_list ul li dl dd a{position:relative; padding:0 0 0 14px; letter-spacing:-1px}
#header .lnb_wrap nav.lnb_list ul li dl dd a:after{content:""; display:block; width:4px; height:4px; background:#ddd; position:absolute; top:50%; left:0; margin:-2px 0 0;}

/******************************
footer
******************************/

#footer{background:#444; position:relative; z-index:9}

/*footer_nav*/
#footer .footer_nav{border-bottom:1px solid #666;}
#footer .footer_nav ul:after{content:""; display:block; clear:both;}

/*footer_nav_left*/
#footer .footer_nav ul.legal{float:left; padding:0;}
#footer .footer_nav ul.legal li{position:relative; float:left; line-height:54px; margin:0 0 0 20px; padding:0 0 0 21px;}
#footer .footer_nav ul.legal li a{color:#ddd;}
#footer .footer_nav ul.legal li:after{content:""; display:block; width:1px; height:10px; background:#666; position:absolute; top:50%; left:0; margin:-5px 0 0;}
#footer .footer_nav ul.legal li:first-child{padding:0; margin:0;}
#footer .footer_nav ul.legal li:first-child:after{display:none;}
#footer .footer_nav ul.legal li a.f_privacy{font-weight:700; color:#fff;}

/*footer_family_link*/
#footer .footer_nav dl.footer_family_wrap{float:right; position:relative; min-width:198px; border:1px solid #666; border-top:0; border-bottom:0; overflow:hidden;}
#footer .footer_nav dl.footer_family_wrap dt{display:block; padding:0 15px; position:relative; color:#fff; line-height:54px; cursor:pointer;}
#footer .footer_nav dl.footer_family_wrap dt span.fonti{font-size:8px; color:#fff; position:absolute; top:50%; right:15px; margin:-4px 0 0;}
#footer .footer_nav dl.footer_family_wrap dd{position:absolute; bottom:54px; left:-1px; width:100%; border:1px solid #666; background:#444; padding:15px 0; z-index:9;}
#footer .footer_nav dl.footer_family_wrap dd ul.footer_family_link li{line-height:30px;}
#footer .footer_nav dl.footer_family_wrap dd ul.footer_family_link li a{display:block; padding:0 15px; color:#fff;}

/*footer_wrap*/
#footer .footer_wrap .footer_wrap_top{padding:30px 0 57px; border-bottom:1px solid #666;}
#footer .footer_wrap .footer_wrap_bottom{padding:15px 0 30px;}
#footer .footer_wrap .footer_wrap_top:after,
#footer .footer_wrap .footer_wrap_bottom:after{content:""; display:block; clear:both;}

/*footer_logo*/
#footer .footer_wrap .footer_wrap_top a.footer_logo{float:left;}

/*footer_info*/
#footer .footer_wrap .footer_wrap_top .footer_info{float:left; margin:12px 0 0 60px;}
#footer .footer_wrap .footer_wrap_top .footer_info li{margin:23px 0 0;}
#footer .footer_wrap .footer_wrap_top .footer_info li:after{content:""; display:block; clear:both;}
#footer .footer_wrap .footer_wrap_top .footer_info li:first-child{margin:0;}
#footer .footer_wrap .footer_wrap_top .footer_info li h3{float:left; font-weight:700; color:#fff;}
#footer .footer_wrap .footer_wrap_top .footer_info li dl{float:left; font-size:12px; color:#aaa; margin:0 0 0 30px;}
#footer .footer_wrap .footer_wrap_top .footer_info li dl dt{display:inline-block; *display:inline; *zoom:1;}
#footer .footer_wrap .footer_wrap_top .footer_info li dl dd{display:inline-block; *display:inline; *zoom:1;}

/*footer_nav_right*/
#footer .footer_wrap .footer_wrap_bottom p.copyright{float:right; font-size:12px; color:#888; line-height:50px;}

/******************************
sub_layout
******************************/

#sub_container{width:100%; position:relative; z-index:99}

/*sub_visual*/
#sub_container #sub_visual_wrap{position:relative; width:100%; height:131px; padding:69px 0 0; overflow:hidden;}
/*#sub_container #sub_visual_wrap img{position:absolute; top:0; left:50%; width:100%; min-width:1920px; margin:0 0 0 -960px; z-index:9;}*/
#sub_container #sub_visual_wrap img{position:absolute; top:0; left:50%; width:100%; min-width:1920px; margin:0 0 0 -960px;}

#sub_container #sub_visual_wrap h2{position:relative; z-index:99; font-size:20px; color:#fff;}
#sub_container #sub_visual_wrap h2 strong{font-weight:700;}

/*sub_contents_wrap*/
#sub_container #sub_contents_wrap > .inner{padding:60px 0 150px;}
#sub_container #sub_contents_wrap:after{content:""; display:block; clear:both;}

/*sub_location*/
#sub_container #sub_contents_wrap .location_wrap{background:#f9f9f9; border-bottom:1px solid #ddd;}
#sub_container #sub_contents_wrap .location_wrap ul.location{float:right;}
#sub_container #sub_contents_wrap .location_wrap ul.location:after{content:""; display:block; clear:both;}
#sub_container #sub_contents_wrap .location_wrap ul.location li{float:left; font-size:12px; line-height:34px;}
#sub_container #sub_contents_wrap .location_wrap ul.location li:first-child{margin:0;}
#sub_container #sub_contents_wrap .location_wrap ul.location li a{display:inline-block; *display:inline; *zoom:1; color:#888; line-height:34px; font-size:0;}
#sub_container #sub_contents_wrap .location_wrap ul.location li a span.fonti{font-size:12px; padding:0;}
#sub_container #sub_contents_wrap .location_wrap ul.location li > span.fonti{position:relative; top:-1px; font-size:10px; color:#888; padding:0 17px 0 19px;}

/*snb*/
#sub_container #sub_contents_wrap .snb_wrap{float:left; width:200px;}
#sub_container #sub_contents_wrap .snb_wrap > h2{font-size:20px; font-weight:700; color:#222; padding:0 0 20px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb{border-top:2px solid #448dc7;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li{position:relative; border-bottom:1px solid #ddd;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li a{display:block; line-height:1.5; padding:10px; word-break:keep-all; letter-spacing:-0.5px}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li span.snb_bullet{display:none;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on > a{font-weight:700; color:#448dc7;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on > span.snb_bullet{display:block; background:#448dc7; left:auto; right:15px; opacity:1;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl{overflow:hidden;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dt{position:relative;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dt span.fonti{font-size:8px; color:#888; position:absolute; top:0; right:0; height:100%; padding:0 10px; cursor:pointer;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dt span.fonti:before{position:relative; top:15px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd{position:relative; border-top:1px solid #ddd; background:#f9f9f9;letter-spacing: -0.4px}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd:after{content:""; display:block; width:10px; height:2px; background:#888; position:absolute; top:50%; left:15px; margin:-1px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd a{padding:10px 20px 9px 35px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on dt a{font-weight:700; color:#448dc7;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li.on dt span.fonti{color:#448dc7;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dd.on:after{background:#448dc7;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dd.on a{font-weight:700; color:#448dc7;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd.snb_l a{line-height:1.5; padding:9px 50px;}
#sub_container #sub_contents_wrap .snb_wrap ul.snb li dl dd.snb_l:after{top:19px; margin:0;}

#sub_container #sub_contents_wrap .snb_wrap .sub_left_quick{display:block; margin:40px 0 0; padding:0 20px; background:#448dc7 url(/images/left_banner_ico.png) no-repeat 129px center; font-size:16px; font-weight:700; color:#fff; line-height:60px;}

#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner{border:1px solid #ddd; padding:13px 15px 14px; margin:20px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner h3{font-weight:700; color:#222;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner h2{font-size:24px; font-weight:800; color:#448dc7; margin:9px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul li{font-size:12px;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul.sub_left_banner_list01{margin:5px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul.sub_left_banner_list01 li{color:#448dc7;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul.sub_left_banner_list02{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:26px 15px 0 0; padding:8px 0 9px;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner ul.sub_left_banner_list02 li span{display:inline-block; padding:0 22px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner p{font-size:12px; color:#ef858c; margin:10px 0 0;}

/*sub_contents*/
#sub_container #sub_contents_wrap .sub_contents{float:left; width:940px; margin:0 0 0 60px;}
#sub_container #sub_contents_wrap .sub_contents h3.stit{font-size:20px; font-weight:700; color:#222; padding:0 0 20px; border-bottom:2px solid #ddd;}

/******************************
board
******************************/

/*default*/
.board_view_btn{text-align:right; padding:30px 0 0;}

/*defulat*/


/*board_search*/
.board_search{text-align:right; border:1px solid #ddd; background:#f9f9f9; padding:15px;}
.board_search label{line-height:30px; margin:0 10px;}
.board_search select{border:1px solid #ddd; min-width:88px; height:30px; padding:5px 5px 5px 15px;}
.board_search input[type=text]{margin:0 0 0 6px;}
.board_search input[type=submit]{border:0; line-height:30px; vertical-align:top; margin:0 0 0 6px; cursor:pointer;}

/*board_list*/
.board_list td.board_subject{text-align:left !important; padding-left:20px !important;}
.board_list td.board_subject a{display:block; width:343px; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}
.board_list a.board_file{font-size:20px; color:#448dc7;}
.board_list td.board_subject span.fonti.um-lock{font-size:10px; color:#999; margin:0 0 0 18px;}
.board_list td.board_status span.process{display:inline-block; *zoom:1; *display:inline; width:90px; background:#448dc7; font-size:12px; color:#fff; text-align:center; line-height:30px;}
.board_list td.board_status span.complete{display:inline-block; *zoom:1; *display:inline; width:90px; background:#f9f9f9; font-size:12px; color:#666; text-align:center; line-height:30px;}
.board_list tbody.notice_fix td.board_subject a{font-weight:700; color:#222;}

/*board_btn*/
.board_btn{font-size:0; text-align:right; margin:30px 0 0;}

/*board_paging*/
.board_paging{font-size:0; text-align:center; margin:30px 0 0;}
.board_paging > a{display:inline-block; *zoom:1; *display:inline; width:28px; height:28px; border:1px solid #ddd; background:#f9f9f9; font-size:8px; color:#448dc7; line-height:28px; text-align:center;}
.board_paging > a.prev{margin:0 0 0 2px;}
.board_paging > a.next{margin:0 2px 0 0;}
.board_paging ul.page_list{display:inline-block; *zoom:1; *display:inline; margin:0 20px;}
.board_paging ul.page_list li{display:inline-block; *zoom:1; *display:inline; margin:0 0 0 2px; }
.board_paging ul.page_list li:first-child{margin:0;}
.board_paging ul.page_list li a{display:inline-block; *zoom:1; *display:inline; width:28px; height:28px; border:1px solid #ddd; font-size:12px; color:#666; line-height:28px; text-align:center;cursor: pointer;}
.board_paging ul.page_list li a.current{background:#448dc7; border-color:#448dc7; color:#fff;}

/*board_view*/
.board_view{padding:50px 0 0;}
.board_view h3.board_tit{font-size:30px; font-weight:700; color:#448dc7; border-bottom:2px solid #448dc7; padding:0 0 22px;}
.board_view .table01{border-top:0; margin:0;}
.board_view .table01 tbody td a{color:#222; text-decoration:underline;}
.board_view .board_view_con{margin:30px 0 0; border:1px solid #ddd; padding:30px;}
.board_view .board_view_btn{margin:60px 0 0; border-top:1px solid #ddd;}
.board_view .board_view_btn:after{content:""; display:block; clear:both;}
.board_view .board_view_comment{position:relative; margin:30px 0 0; padding:25px 89px 27px; background:#f9f9f9; border:1px solid #ddd; word-break:keep-all;}
.board_view .board_view_comment span.answer_bullet{font-size:30px; font-weight:800; color:#448dc7; position:absolute; top:25px; left:30px;}
.board_view .board_view_btn .board_view_bottom_l{float:left;}
.board_view .board_view_btn .board_view_bottom_l a:first-child{margin:0 10px 0 0;}
.board_view .board_view_btn .board_view_bottom_r{float:right;}

/*board_write*/
.board_write{}
.board_write .board_write_subject input[type=text]{width:755px;}
.board_write .board_write_secret input[type=radio]{margin:0 0 0 25px; vertical-align:middle;}
.board_write .board_write_secret label{padding:0 0 0 5px;}
.board_write .board_write_bottom{margin:60px 0 0; padding:30px 0 0; border-top:1px solid #ddd; text-align:center;}



/*video*/
ul.video_list{margin:0 0 0 -20px; padding:0;}
ul.video_list:after{content:""; display:block; clear:both;}
ul.video_list li{float:left; width:300px; margin:20px 0 0 20px;}
ul.video_list li .video_thumb{position:relative; width:100%; height:188px; background:#f9f9f9; overflow:hidden;}
ul.video_list li .video_thumb img{display:block; width:100%;}
ul.video_list li .video_thumb a.video_link{position:absolute; top:0; left:0; display:block; width:100%; height:100%; font-size:0; /*background:url(/images/contents/play_ico.png) no-repeat center center;*/}
ul.video_list li h3{text-align:center; margin:16px 0 0; word-break:keep-all;}
ul.video_list li h3 a{font-size:16px; font-weight:700; color:#222;}

.video_view{padding:50px 0 0;}
.video_view .video_view_top:after{content:""; display:block; clear:both;}
.video_view .video_view_top > div{float:left;}
.video_view .video_view_top > div.video_view_top_l{position:relative; width:400px;}
.video_view .video_view_top > div.video_view_top_l img{width:100%;}
.video_view .video_view_top > div.video_view_top_r{width:500px; margin:-3px 0 0 40px;}
.video_view .video_view_top > div.video_view_top_r h2{font-size:30px; color:#448dc7;}
.video_view .video_view_top > div.video_view_top_r table.table06{margin:12px 0 0;}
.video_view .video_view_top > div.video_view_top_r .video_view_btn{font-size:0; margin:30px 0 0;}
.video_view .video_view_top > div.video_view_top_r .video_view_btn .btn_type06:first-child{margin:0 20px 0 0;}
.video_view .video_view_bottom{margin:40px 0 0;}
.video_view .video_view_bottom table.table05 tbody th{font-size:16px; font-weight:700; color:#222; vertical-align:top; padding:26px 0;}
.video_view .video_view_bottom table.table05 tbody td{vertical-align:top; padding:26px 0;}
.video_view .video_view_bottom table.table05 tbody td h3{font-size:16px; font-weight:700; color:#448dc7; margin:32px 0 0;}
.video_view .video_view_bottom table.table05 tbody td h4{font-weight:700; color:#222; margin:11px 0 0;}
.video_view .video_view_bottom table.table05 tbody td dl.sec_desc{border:0; margin:12px 0 0; padding:0 0 4px;}
.video_view .video_view_bottom table.table05 tbody td dl.sec_desc dd{margin:16px 0 0;}
.video_view .video_view_bottom table.table05 tbody td.teacher_list_wrap{padding:0;}
.video_view .video_view_bottom table.table05 tbody td.teacher_list_wrap ul.teacher_list li{border:0; width:100%;}
.video_view .video_view_bottom table.table05 tbody td p{word-break:keep-all;}
.video_view .video_view_bottom table.table05 tbody td p + p.require{margin:12px 0 0;}



/*board_tab*/
.board_tab dl dt span.board_tab_tit{display:inline-block; width:694px; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;}

.board_tab01{margin:30px 0 0; border-top:1px solid #ddd;}
.board_tab01 dl{border-bottom:1px solid #ddd;}
.board_tab01 dl dt{position:relative; font-size:16px; font-weight:700; color:#222; cursor:pointer; padding:18px 0;}
.board_tab01 dl dt strong{display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#448dc7; font-weight:400; padding:1px 0 0; margin:0 29px 0 0;}
.board_tab01 dl dt span.fonti{position:absolute; top:50%; right:0; margin:-5px 0 0; font-size:16px; color:#ddd;}
.board_tab01 dl dd{display:none; border-top:1px solid #ddd;}
.board_tab01 dl dd{position:relative; padding:25px 30px 25px; background:#f9f9f9;}
.board_tab01 dl dd p{position:relative; z-index:2;}
.board_tab01 dl dd span.writer{display:block; color:#222; margin:18px 0 0;}
.board_tab01 dl dd span.fonti{font-size:60px; color:#ddd; position:absolute; bottom:30px; right:30px; z-index:1;}
.board_tab01 dl:first-child dd{display:block;}

.board_tab02{margin:60px 0 0; border-top:1px solid #ddd;}
.board_tab02 dl{border-bottom:1px solid #ddd;}
.board_tab02 dl dt{position:relative; font-size:16px; font-weight:700; color:#222; cursor:pointer; padding:22px 0;}
.board_tab02 dl dt strong{display:inline-block; *zoom:1; *display:inline; font-size:14px; font-weight:400; color:#448dc7; padding:1px 0 0; margin:0 29px 0 0;}
.board_tab02 dl dt span.fonti{position:absolute; top:50%; right:0; margin:-5px 0 0; font-size:16px; color:#ddd;}
.board_tab02 dl dd{display:none; border-top:1px solid #ddd;}
.board_tab02 dl dd{position:relative; padding:25px 89px 27px; background:#f9f9f9;}
.board_tab02 dl dd span.answer_bullet{font-size:30px; font-weight:800; color:#448dc7; position:absolute; top:18px; left:30px;}
.board_tab02 > dl:first-child dd{display:block;}



/*webzine*/
ul.webzine_list li{padding:55px 0 60px; border-bottom:1px solid #ddd;}
ul.webzine_list li:after{content:""; display:block; clear:both;}
ul.webzine_list li > div{float:left;}
ul.webzine_list li > div.webzine_thumb{width:300px; padding:5px 0 0; margin:0 40px 0 0;}
ul.webzine_list li > div.webzine_thumb img{width:100%;}
ul.webzine_list li > div.webzine_info{width:600px;}
ul.webzine_list li > div.webzine_info h2{font-size:20px;}
ul.webzine_list li > div.webzine_info p{margin:10px 0 0;}
ul.webzine_list li > div.webzine_info a.btn_type02{margin:36px 0 0;}



/******************************
sub_default
******************************/
label{cursor:pointer;}

.inner{position:relative; width:1200px; margin:0 auto; z-index: 0;}
.inner:after{content:""; display:block; clear:both;}

.underline{position:relative;}
.underline:after{content:""; display:block; width:100%; height:10px; background:#448dc7; position:absolute; bottom:-2px; left:0; z-index:9;}
.underline span{position:relative; z-index:99;}

.snb_bullet{position:absolute; top:50%; left:0; margin:-2px 0 0; display:block; width:4px; height:4px; background:#fff;}

.sub_detail h2{font-size:16px; font-weight:700; color:#222;}

.sub_detail .require{color:#f44336;}

.sub_detail .arrow_ico{position:relative; padding:0 !important;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ddd;
    border-left: 10px solid transparent;
}
.sub_detail .arrow_ico:after{content:""; display:block; position:absolute; top:-8px; left:-10px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
}

.step{padding:0 10px;}
.step:after{content:""; display:block; clear:both;}
.step dl{float:right; line-height:58px;}
.step dl:after{content:""; display:block; clear:both;}
.step dl dt{float:left; font-size:16px; font-weight:700; color:#222; margin:0 10px 0 0;}
.step dl dd{position:relative; float:left; padding:0 10px; margin:0 0 0 24px;}
.step dl dd span.num{position:relative; display:inline-block; padding:0 5px 0 0; font-size:16px; font-weight:700; color:#666;}
.step dl dd span.num:after{content:""; display:block; width:4px; height:4px; background:#ddd; border-radius:50%; position:absolute; left:-24px; top:50%; margin:-2px 0 0;}
.step dl dd.on{color:#222;}
.step dl dd.on:after{content:""; display:block; width:100%; height:1px; background:#448dc7; position:absolute; bottom:-1px; left:0;}
.step dl dd.on span.num{color:#448dc7;}

ul.step02:after{content:""; display:block; clear:both;}
ul.step02 li{position:relative; float:left; border:1px solid #ddd; padding:20px; text-align:center;}
ul.step02 li:first-child{margin:0 !important;}
ul.step02 li img{display:block; margin:0 auto;}
ul.step02 li h2{margin:16px 0 0;}
ul.step02 li p{position:relative; margin:15px 0 0; padding:18px 0 0;}
ul.step02 li p:after{content:""; display:block; width:20px; height:2px; background:#ddd; position:absolute; top:0; left:50%; margin:0 0 0 -10px;}
ul.step02 li span.fonti{position:absolute; top:50%; font-size:20px; color:#666; margin:-10px 0 0;}
ul.step02 li.step02_final{border-color:#448dc7;}
ul.step02 li.step02_final h2{color:#448dc7;}
ul.step02 + .require{margin:16px 0 0; text-align:right;}

ul.step03 > li{position:relative; margin:53px 0 0; padding:52px 160px; border:1px solid #ddd;}
ul.step03 > li.step03_m02{padding:42px 160px;}
ul.step03 > li.step03_m03{padding:26px 160px;}
ul.step03 > li:first-child{margin:0;}
ul.step03 > li > img{position:absolute; top:30px; left:30px;}
ul.step03 > li h2 strong{font-weight:800; color:#448dc7;}
ul.step03 > li p{margin:11px 0 0;}
ul.step03 > li p + p{margin:12px 0 0;}
ul.step03 > li p + a.btn_type05{margin:12px 0 0;}
ul.step03 > li > span.fonti{font-size:20px; color:#666; position:absolute; top:-37px; left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
ul.step03 li.step03_final{border-color:#448dc7;}

.hover_tit{position:relative; display:inline-block; padding:0 30px 0 0;}
.hover_tit h2{display:inline-block;}
.hover_tit .hover_desc{position:absolute; top:0; right:0;}

.hover_desc{position:relative;}
.hover_desc h3{font-weight:700; color:#f44336; text-decoration:underline; cursor:pointer;}
.hover_desc h3 span.fonti{font-size:15px; margin:0 5px 0 0;}
.hover_desc .hover_desc_detail{position:absolute; background:#fff; border:1px solid #ddd; padding:16px 20px; display:none; z-index:2; word-break:keep-all}
.hover_desc:hover .hover_desc_detail{display:block;}
.hover_desc .arrow_ico{position:absolute; top:-21px; right:19px;}
.hover_desc p span{display:inline-block; font-size:12px; color:#999; margin:7px 0 0;}

.status .table_btn.gry {position:relative;}
.status .table_btn.gry h3{font-weight:700; color:#f44336; text-decoration:underline; cursor:pointer;}
.status .table_btn.gry h3 span.fonti{font-size:15px; margin:0 5px 0 0;}
.status .table_btn.gry .hover_desc_detail{position:absolute; background:#fff; border:1px solid #ddd; padding:16px 20px; display:none; z-index:2; word-break:keep-all; width:170px; text-align:left}
.status .table_btn.gry:hover .hover_desc_detail{display:block;}
.status .table_btn.gry .arrow_ico{position:absolute; top:-21px; left:19px;}
.status .table_btn.gry h4 {font-weight:700; color:#222; font-size:14px}
.status .table_btn.gry p{display:inline-block; font-size:12px; color:#999; margin:7px 0 0;}
.status .table_btn.blu .hover_desc_detail{position:absolute; background:#fff; border:1px solid #ddd; padding:16px 20px; display:none; z-index:2; word-break:keep-all; width:170px; text-align:left}
.status .table_btn.blu:hover .hover_desc_detail{display:block;}
.status .table_btn.blu .arrow_ico{position:absolute; top:-21px; left:19px;}
.status .table_btn.blu h4 {font-weight:700; color:#222; font-size:14px}
.status .table_btn.blu p{display:inline-block; font-size:12px; color:#999; margin:7px 0 0;}

ul.certi_type{border:1px solid #ddd; border-top:2px solid #448dc7; padding:30px;}
ul.certi_type:after{content:""; display:block; clear:both;}
ul.certi_type li{position:relative; float:left; width:50%; text-align:center; box-sizing:border-box;}
ul.certi_type li:first-child{border-right:1px solid #ddd;}
ul.certi_type li span.fonti{width:100px; line-height:100px; background:#448dc7; border-radius:50%; font-size:50px; color:#fff; text-align:center;}
ul.certi_type li h3{font-size:16px; font-weight:700; color:#448dc7; margin:26px 0 0;}
ul.certi_type li p{margin:21px 0 0;}
ul.certi_type li a.btn_type02{border-color:#448dc7; color:#448dc7; margin:26px 0 0;}
ul.certi_type li a.btn_type02:hover{background:#448dc7; color:#fff;}

ul.tab01{border-bottom:2px solid #ddd;}
ul.tab01:after{content:""; display:block; clear:both;}
ul.tab01 li{position:relative; float:left;}
ul.tab01 li:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:50%; left:0; margin:-5px 0 0;}
ul.tab01 li:first-child:after{display:none;}
ul.tab01 li a{position:relative; display:block; font-size:16px; font-weight:700; color:#666; line-height:60px; text-align:center;}
ul.tab01 li.on a{color:#448dc7;}
ul.tab01 li.on a:after{content:""; display:block; width:100%; height:2px; background:#448dc7; position:absolute; bottom:-2px; left:0;}

ul.tab02{background:#f9f9f9; border:1px solid #ddd;}
ul.tab02:after{content:""; display:block; clear:both;}
ul.tab02 li{position:relative; float:left;}
ul.tab02 li a{position:relative; display:block; font-size:16px; font-weight:700; color:#666; text-align:center; line-height:48px; border-left:1px solid #ddd; z-index:2;}
ul.tab02 li:first-child a{border:0;}
ul.tab02 li:after{content:""; display:block; width:100%; height:1px; position:absolute; bottom:-1px; left:0; background:#222;}
ul.tab02 li.on:after{height:100%; position:absolute; bottom:-1px; left:-1px; background:#fff; border:1px solid #222; border-bottom:1px solid #fff;}
ul.tab02 li.on a{color:#222;}
ul.tab02 li.on + li a{border-left:1px solid #222;}

.search_wrap{padding:15px; text-align:right;}
.search_wrap strong{display:inline-block; font-weight:700; color:#222; line-height:30px; margin:0 15px 0 0;}
.search_wrap span{display:inline-block; line-height:30px; padding:0 14px 0 5px;}

.search_wrap02{padding:15px; text-align:center;}
.search_wrap02 strong{display:inline-block; line-height:30px; padding:0 25px 0 0;}
.search_wrap02 input[type=text]{width:372px;}
.search_wrap02 .form_btn{margin:0 0 0 6px;}

.search_wrap03{padding:15px;}
.search_wrap03:after{content:""; display:block; clear:both;}
.search_wrap03 .search_wrap03_l{float:left;}
.search_wrap03 .search_wrap03_r{float:right;}
.search_wrap03 select{width:150px;}
.search_wrap03 .form_btn{background:#448dc7; margin:0 0 0 17px;}
.search_wrap03 .hover_desc{display:inline-block; margin:4px 0 0 16px;}
.search_wrap03 .hover_desc span.fonti{margin:0 11px 0 0;}
.search_wrap03 .hover_desc .hover_desc_detail{min-width:406px; top:39px; right:-17px;}

dl.sec_desc{border:1px solid #ddd;}
dl.sec_desc dt{position:relative; padding:0 0 0 14px;}
dl.sec_desc dt:after{content:""; display:block; width:4px; height:4px; background:#448dc7; position:absolute; top:9px; left:0;}
dl.sec_desc dd ul{padding:10px 30px 10px; background:#f9f9f9;}
dl.sec_desc dd ul li{position:relative; padding:0 0 0 20px; line-height:2;}
dl.sec_desc dd ul li:after{content:""; display:block; width:10px; height:2px; background:#ddd; position:absolute; top:13px; left:0;}
dl.sec_desc dd ul li strong{font-weight:700; color:#222;}
dl.sec_desc dt.require{font-weight:700;}
dl.sec_desc dt.blu{font-weight:700; color:#448dc7;}
dl.sec_desc dt.require:after{background:#f44336;}

ul.sec_desc02 li{position:relative; padding:0 0 0 14px; font-size:13px; font-weight: bold; color:#f44336;}
/*ul.sec_desc02 li:after{content:""; display:block; width:4px; height:4px; background:#f44336; position:absolute; top:7px; left:0;}*/

.sec_desc03{border:1px solid #ddd; padding:26px 30px 25px;}
.sec_desc03 h2{font-size:16px; font-weight:700; color:#f44336;}
.sec_desc03 h2.sec_desc03_tit02{font-size:14px;}
.sec_desc03 p{margin:1px 0 0;}
.sec_desc03 ul.sec_desc03_list{margin:26px 0 0;}
.sec_desc03 ul.sec_desc03_list:after{content:""; display:block; clear:both;}
.sec_desc03 ul.sec_desc03_list li{position:relative; float:left; padding:0 0 0 60px; margin:0 0 0 40px;}
.sec_desc03 ul.sec_desc03_list li:first-child{margin:0;}
.sec_desc03 ul.sec_desc03_list li span.fonti{width:40px; height:40px; border-radius:50%; background:#448dc7; position:absolute; top:0; left:0; font-size:20px; color:#fff; line-height:40px; text-align:center;}
.sec_desc03 ul.sec_desc03_list li p{font-weight:700; color:#448dc7;}

.gry_box{border:1px solid #ddd; background:#f9f9f9;}

dl.dlList01 dt{font-weight:700; color:#448dc7; margin:32px 0 0;}
dl.dlList01 dt:first-child{margin:0;}
dl.dlList01 dd{margin:12px 0 0; word-break:keep-all;}
dl.dlList01 dd ul.innerList01{margin:16px 0 0;}
dl.dlList01 dd.dlList01Bullet01 span{position:relative; display:block; padding:0 0 0 14px;}
dl.dlList01 dd.dlList01Bullet01 span:after{content:""; display:block; width:4px; height:4px; background:#448dc7; position:absolute; top:8px; left:0;}
dl.dlList01 dd.dlList01Bullet02 > span{position:relative; display:block; padding:0 0 0 25px;}
dl.dlList01 dd.dlList01Bullet02 > span strong{position:absolute; top:0; left:0; font-weight:700; color:#448dc7;}
dl.dlList01 dd.dlList01Bullet02 p.require{padding:0 0 0 25px; margin:12px 0 0;}
dl.dlList01 dd.require.dlList01Bullet01 span:after{background:#f44336;}
dl.dlList01 dd.require.dlList01Bullet02 > span strong{color:#f44336;}
dl.dlList01 dd.require.dlList01Bullet02 > span{font-weight:700; color:#f44336;}

dl.dlList02{margin:11px 0 0;}
dl.dlList02 dt{margin:0 0 28px;}
dl.dlList02 dd{font-weight:700; color:#448dc7; line-height:2;}

ul.innerList01 li{position:relative; padding:0 0 0 14px; margin:22px 0 0;}
ul.innerList01 li:first-child{margin:0;}
ul.innerList01 li:after{content:""; display:block; width:4px; height:4px; background:#222; position:absolute; top:8px; left:0;}
ul.innerList01 li h4{color:#222;}
ul.innerList01 li p{margin:12px 0 0;}
ul.innerList01 li a.btn_type05{margin:0;}
ul.innerList01.innerList01Bullet02 li{color:#222; padding:0 0 0 25px;}
ul.innerList01.innerList01Bullet02 li:after{display:none;}
ul.innerList01.innerList01Bullet02 li span{position:absolute; top:0; left:0; color:#666; padding:0;}
ul.innerList01.innerList01Bullet02 li span:after{display:none;}
ul.innerList01.innerList01Bullet02 li p{color:#666; word-break:keep-all;}
ul.innerList01.innerList01Bullet02 li p.require{color:#f44336;}
ul.innerList01.innerList01Bullet02 + p{margin:16px 0 0;}

ul.innerList01.gry_box,
ul.innerList02.gry_box{padding:26px 30px 27px;}

.require_desc{position:relative;}
.require_desc span.fonti{position:absolute; top:30px; left:31px; font-size:34px; color:#ddd;}
.require_desc p{padding:26px 95px; color:#f44336;}
.require_desc p strong{font-weight:700; text-decoration:underline;}

.total_price{text-align:right; line-height:82px; border-bottom:1px solid #ddd;}
.total_price span{display:inline-block; font-size:16px; font-weight:700; color:#222; padding:0 12px 0 0; vertical-align:middle;}
.total_price strong{display:inline-block; font-size:24px; font-weight:800; color:#448dc7;}
.total_price + .require{text-align:right; margin:16px 0 0;}

.done{text-align:center;}
.done h2{font-size:30px; font-weight:700; color:#448dc7; margin:30px 0 0;}
.done p{margin:18px 0 0;}
.done p strong{font-weight:700; color:#222;}

ul.teacher_list{}
ul.teacher_list:after{content:""; display:block; clear:both;}
ul.teacher_list li{float:left; width:50%; padding:28px 0 30px; border-bottom:1px solid #ddd;}
ul.teacher_list li:after{content:""; display:block; clear:both;}
ul.teacher_list li .teacher_list_thumb{float:left; border:1px solid #ddd; width:98px; height:118px; margin:2px 0 0; background:#f9f9f9; overflow:hidden; display:flex;justify-content:center;align-items:center}
ul.teacher_list li .teacher_list_thumb img{width:100%; height:100%; object-fit:cover}
ul.teacher_list li dl.teacher_list_info{float:left; margin:0 0 0 30px; width:320px}
ul.teacher_list li dl.teacher_list_info dt{position:relative; font-size:16px; font-weight:700; color:#666; line-height:23px; padding:0 0 10px; margin:0 0 16px;}
ul.teacher_list li dl.teacher_list_info dt strong{font-size:20px; color:#222;}
ul.teacher_list li dl.teacher_list_info dt:after{content:""; display:block; width:30px; height:2px; background:#ddd; position:absolute; bottom:0; left:0;}
#ul.teacher_list li dl.teacher_list_info dd{white-space:pre-wrap}
ul.teacher_list li dl.teacher_list_info dd{white-space:pre-line}

ul.center_story_list{border-top:2px solid #222;}
ul.center_story_list > li{padding:0 0 35px; border-top:1px solid #ddd;}
ul.center_story_list > li:after{content:""; display:block; clear:both;}
ul.center_story_list > li:first-child{border:0;}
ul.center_story_list > li .center_stroy_list_info{float:left; padding:35px 0 0;}
ul.center_story_list > li .center_stroy_list_info dl{}
ul.center_story_list > li .center_stroy_list_info dl dt{font-size:20px; font-weight:700; color:#222;}
ul.center_story_list > li .center_stroy_list_info dl dt span{display:inline-block; font-size:14px; font-weight:400; color:#666; vertical-align:baseline;}
ul.center_story_list > li .center_stroy_list_info dl dt + dd{margin:10px 0 0;}
ul.center_story_list > li .center_stroy_list_info a{display:inline-block; color:#448dc7; line-height:28px; padding:0 20px; border:1px solid #448dc7; margin:35px 0 0;}
ul.center_story_list > li ul.video_list{float:right; width:660px; padding:5px 0 0;}
ul.center_story_list > li ul.video_list li{width:310px;}
ul.center_story_list > li ul.video_list li .video_thumb{width:310px; height:auto;}

ul.center_story_list02{border-top:2px solid #222;}
ul.center_story_list02 > li{padding:0 0 35px; border-top:1px solid #ddd;}
ul.center_story_list02 > li:after{content:""; display:block; clear:both;}
ul.center_story_list02 > li:first-child{border:0;}
ul.center_story_list02 > li .center_stroy_list_info{display:table-cell; width:270px; vertical-align:middle; padding:0 10px 0 0;}
ul.center_story_list02 > li .center_stroy_list_info dl dt{font-size:30px; color:#222;}
ul.center_story_list02 > li .center_stroy_list_info dl dt span{position:relative;	display:block; font-size:14px; color:#448dc7; padding:0 0 13px; margin:0 0 5px;}
ul.center_story_list02 > li .center_stroy_list_info dl dt span:after{content:""; display:block; width:30px; height:2px; background:#448dc7; position:absolute; bottom:0; left:0;}
ul.center_story_list02 > li .center_stroy_list_info dl dt + dd{margin:33px 0 0;}
ul.center_story_list02 > li .center_stroy_list_info dl dd strong{display:inline-block; min-width:60px; font-weight:700; color:#222;}
ul.center_story_list02 > li .center_stroy_list_info a{position:relative; display:block; padding:0 15px; margin:41px 0 0; border:1px solid #448dc7; color:#448dc7; line-height:38px;}
ul.center_story_list02 > li .center_stroy_list_info a span.fonti{font-size:15px; position:absolute; top:50%; right:15px; margin:-7px 0 0;}
ul.center_story_list02 > li ul.video_list{display:table-cell; width:660px;  vertical-align:top; padding:5px 0 0;}
ul.center_story_list02 > li ul.video_list li{width:310px;}
ul.center_story_list02 > li ul.video_list li .video_thumb{width:310px; height:auto;}

.status_box{display:inline-block; padding:4px 9px; vertical-align:middle; font-size:12px; line-height:1;}
.status_box.blu{background:#448dc7; color:#fff;}
.status_box.grn{background:#32ba94; color:#fff;}
.status_box.red{background:#ef858c; color:#fff;}
.status_box.gry{background:#666; color:#fff;}
.status_box.gry02{background:#ddd; color:#888;}

.status_ft{font-weight:700;}
.status_ft.blk{color:#222;}
.status_ft.blu{color:#448dc7;}
.status_ft.red{color:#f44336;}

.training_status_wrap{}
.training_status_wrap:after{content:""; display:block; clear:both;}
.training_status_wrap > ul{float:left; width:50%; box-sizing:border-box;}

ul.progress_bar_list{padding:0 10px 0 0;}
ul.progress_bar_list li{margin:26px 0 0;}
ul.progress_bar_list li:first-child{margin:0;}
ul.progress_bar_list li .progress_bar_wrap{position:relative; margin:5px 0 0; width:100%; height:38px; border:1px solid #ddd; background:#f9f9f9;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar{position:absolute; top:0; left:0; min-width:60px; height:100%; text-align:right;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar.grn{background:#32ba94;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar.blu{background:#448dc7;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar span{display:inline-block; padding:0 15px; font-weight:800; color:#fff; line-height:38px;}

.progress_wrap02 .progress_bar_wrap{position:relative; margin:5px 10px 0; height:20px; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box;}
.progress_wrap02 .progress_bar_wrap .progress_bar{position:absolute; top:0; left:0; height:100%; background:#32ba94;}

ul.training_status{padding:29px 0 0 10px;}
ul.training_status:after{content:""; display:block; clear:both;}
ul.training_status li{float:left; width:50%; height:135px; padding:32px 0 38px; box-sizing:border-box; border:1px solid #ddd; background:#f9f9f9; text-align:center;}
ul.training_status li p{font-size:20px; font-weight:800; color:#448dc7; margin:9px 0 0;}
ul.training_status li.blu{background:#448dc7; border:0; padding:33px 0 26px;}
ul.training_status li.blu h2{color:#fff;}
ul.training_status li.blu p{font-size:40px; color:#fff; margin:-8px 0 0;}

.file_wrap{position:relative; float:left;}
.file_wrap input[type=text]{}
.file_wrap .form_btn{margin:0 0 0 -5px; cursor:pointer;}
.file_wrap input[type=file]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.file_wrap strong{display:inline-block; margin:0 14px 0 0;}
.file_wrap a{display:inline-block; font-weight:700; color:#448dc7; text-decoration:underline;}

/******************************
btn
******************************/

.btn_wrap{text-align:center; font-size:0;}
.btn_wrap > *{margin:0 5px;}

.btn_cover{position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; background:transparent;}

.btn_type01{position:relative; display:inline-block; width:158px; padding:0 20px; border:1px solid #ddd; font-size:16px; font-weight:700; line-height:48px;}
.btn_type01 span.fonti{font-size:14px; position:absolute; top:50%; right:15px; margin:-7px 0 0;}

.btn_type02{display:inline-block; min-width:78px; padding:0 20px; border:1px solid #ddd; font-weight:700; line-height:38px; text-align:center;}
.btn_type02.blu{color:#448dc7; border-color:#448dc7;}

.btn_type03{font-weight:700; color:#448dc7;}
.btn_type03 span.fonti{position:relative; top:-2px; margin:0 0 0 9px;}

.btn_type04{display:inline-block; min-width:200px; padding:0 20px; font-size:16px; font-weight:700; line-height:50px; text-align:center;}
.btn_type04.blu{color:#fff; background:#448dc7;}
.btn_type04.gry{color:#fff; background:#666;}

.btn_type05{display:inline-block; font-weight:700; color:#448dc7; text-decoration:underline; margin:0 0 0 20px;}
.btn_type05.grn{color:#32ba94;}

.btn_type06{display:inline-block; min-width:200px; padding:0 20px; font-size:20px; font-weight:700; line-height:60px; text-align:center;}
.btn_type06 span.fonti{font-size:16px; margin:0 0 0 14px; position:relative; top:-2px;}
.btn_type06.blu{color:#fff; background:#448dc7;}
.btn_type06.gry{color:#fff; background:#666;}

.btn_type07{display:inline-block; *display:inline; *zoom:1; width:90px; font-size:12px; color:#fff; line-height:30px; text-align:center; border:0; padding:0;}
.btn_type07.blu{color:#fff; background:#448dc7;}
.btn_type07.gry{color:#fff; background:#666;}

.btn_type09 {padding: 15px 100px;border: none;display: inline-block;font-size: 18px;font-weight: bold;cursor: pointer;border-radius: 10px;}
.btn_type09.pink {background: #ff5f6e;color:#fff;}

.memberLeaveModal_btn_wrap { text-align: right; margin-top: 20px;}
.memberLeaveModal_btn_wrap .memberLeave {display:inline-block; padding:8px 12px; font-size:12px; font-weight:normal; line-height:1.2; text-align:center; white-space: nowrap; border-radius: 5px; color:#fff; background:#666;}

/******************************
form
******************************/
input[type=text],
input[type=password]{font-family:'NanumGothic', sans-serif; font-weight:400; width:157px; border:1px solid #ddd; padding:6px 6px 7px 15px; vertical-align:top; color:#666; background:#fff;}
input[type=file]{font-family:'NanumGothic', sans-serif; font-weight:400; border:1px solid #ddd; background:#fff; height:30px;}
input[type=checkbox],
input[type=radio]{margin:0; padding:0;}
input[type=checkbox] + label,
input[type=radio] + label{cursor:pointer;}
select{font-family:'NanumGothic', sans-serif; font-weight:400; border:1px solid #ddd; width:90px; height:30px; padding:0 5px 0 15px; color:#666;}
input[type=text].readonly{background:#f9f9f9;}
textarea{font-family:'NanumGothic', sans-serif; font-weight:400; color:#666; resize:none; border:1px solid #ddd; background:#fff; padding:11px 15px;}

.checkbox_wrap input[type=checkbox]{vertical-align:middle; margin:0 5px 0 0;}
.checkbox_wrap label{font-size:16px; font-weight:700; color:#222;}

ul.checkbox_wrap_list li{padding:26px 0 26px; border-bottom:1px solid #ddd;}
ul.checkbox_wrap_list li .checkbox_wrap a{vertical-align:middle; margin:0 0 0 5px; font-size:16px;}
ul.checkbox_wrap_list li p{margin:11px 0 0; padding:0 0 0 22px;}

.form_btn{display:inline-block; *display:inline; *zoom:1; min-width:50px; padding:0 20px; font-size:12px; color:#fff; line-height:30px; text-align:center; background:#666;}
.form_btn.blu{background:#448dc7;}
.form_btn.gry{background:#999;}

.form_wrap:after{content:""; display:block; clear:both;}
.form_wrap > p.require{text-align:right; margin:0 0 11px;}
.form_wrap table.form01{width:100%; border-top:2px solid #448dc7;}
.form_wrap table.form01 caption{display:none;}
.form_wrap table.form01 th{border-bottom:1px solid #ddd; padding:15px 20px; font-size:16px; font-weight:700; color:#222; text-align:left; vertical-align:middle;}
.form_wrap table.form01 td{border-bottom:1px solid #ddd; padding:15px 0; vertical-align:middle;}
.form_wrap table.form01 td span{display:inline-block; *zoom:1; *display:inline; line-height:30px;}
.form_wrap table.form01 td .form_btn{margin:0 0 0 10px;}
.form_wrap table.form01 td span.desc{margin:0 0 0 25px; color:#888;}
.form_wrap table.form01 td p.agree_desc{margin:12px 0 0;}
.form_wrap table.form01 td p.agree_desc strong{font-weight:700; color:#448dc7;}

.form_wrap table.form01 td.birthday span{padding:0 15px 0 5px;}
.form_wrap table.form01 td.phone input[type=text]{width:67px;}
.form_wrap table.form01 td.phone span{padding:0 6px;}
.form_wrap table.form01 td.email select{width:180px; margin:0 0 0 7px;}
.form_wrap table.form01 td.email span{padding:0 6px;}
.form_wrap table.form01 td.center input[type=text]{width:362px;}
.form_wrap table.form01 td.radio_wrap input[type=radio]{position:relative; top:2px; margin:0 5px 0 25px;}
.form_wrap table.form01 td.radio_wrap input[type=radio]:first-child{margin:0 5px 0 0;}
.form_wrap table.form01 td.address ul li{margin:15px 0 0;}
.form_wrap table.form01 td.address ul li input[type=text]{width:362px;}
.form_wrap table.form01 td.address ul li:first-child{margin:0;}
.form_wrap table.form01 td.address ul li:first-child input[type=text]{width:157px;}
.form_wrap table.form01 td.no_input strong{font-weight:700; color:#222;}
.form_wrap table.form01 td.gender label{line-height:30px;}
.form_wrap table.form01 td.gender select{width:120px; margin:0 0 0 35px;}
.form_wrap table.form01 td.center strong{line-height:30px;}
.form_wrap table.form01 td.center .form_btn{background:#448dc7; margin:0 0 0 10px;}
.form_wrap table.form01 td.center_director .desc{color:#f44336; margin:0 0 0 4px;}
.form_wrap table.form01 td.business_num input[type=text]{width:97px;}
.form_wrap table.form01 td.business_num span{padding:0 6px;}
.form_wrap table.form01 td.file .file_wrap{position:relative; float:left;}
.form_wrap table.form01 td.file .file_wrap input[type=text]{}
.form_wrap table.form01 td.file .file_wrap .form_btn{margin:0 0 0 -5px; cursor:pointer;}
.form_wrap table.form01 td.file .file_wrap input[type=file]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.form_wrap table.form01 td.file .file_wrap strong{display:inline-block; margin:0 14px 0 0;}
.form_wrap table.form01 td.file .file_wrap a{display:inline-block; font-weight:700; color:#448dc7; text-decoration:underline;}
.form_wrap table.form01 td.file p.require{float:right; font-size:12px; text-align:right;}
.form_wrap table.form01 td.write_type select{width:180px;}
.form_wrap table.form01 td.editor_wrap{padding:30px 0;}
.form_wrap table.form01 td.input_w100 input,
.form_wrap table.form01 td.textarea textarea{width:100%; box-sizing:border-box;}
.form_wrap table.form01 td.textarea textarea{height:100px;}
.form_wrap table.form01 td dl:after{content:""; display:block; clear:both;}
.form_wrap table.form01 td dl dt{float:left; line-height:30px;}
.form_wrap table.form01 td dl dd{float:left;}
.form_wrap table.form01 td dl dd + dt{margin:0 0 0 40px;}
.form_wrap table.form01 td dl.form_inner_list01 dt{min-width:50px;}
.form_wrap table.form01 td dl.form_inner_list02 dt{min-width:70px;}
.form_wrap table.form01 td.address02 select{width:150px; margin:0 7px 0 0;}
.form_wrap table.form01 td.address02 select + select{margin:0 6px 0 0;}
.form_wrap table.form01 td.address02 input{width:283px;}
.form_wrap table.form01 td.personnel span{display:inline-block; padding:0 20px 0 0;}
.form_wrap table.form01 td.personnel input + span{padding:0 0 0 19px;}

.form_wrap table.form01.form_s{border-top:1px solid #222;}
.form_wrap table.form01.form_s th{font-size:14px; color:#666; font-weight:400; padding:15px 0;}
.form_wrap table.form01.form_s td strong{color:#448dc7; font-weight:700;}

/******************************
table
******************************/

table tr td.ta_l{padding:9px 20px; text-align:left;}

.table_btn{display:inline-block; min-width:35px; padding:0 15px; color:#fff; line-height:26px; text-align:center;}
.table_btn.blu{background:#448dc7;}
.table_btn.grn{background:#32ba94;}
.table_btn.gry{background:#666;}
.table_btn.red{background:#ef858c;}
.table_btn.table_btn_l{font-size:12px; min-width:60px; line-height:30px;}

ul.table_quick_btn li{margin:1px 0 0;}
ul.table_quick_btn li:first-child{margin:0;}
ul.table_quick_btn li a{display:inline-block; width:30px; height:30px; background:#666; text-align:center; line-height:30px;}
ul.table_quick_btn li span.fonti{color:#fff;}
ul.table_quick_btn li span.fonti.um-search{font-size:16px;}
ul.table_quick_btn li span.fonti.um-print{font-size:17px;}

table.table01{width:100%; border:1px solid #ddd; border-top:2px solid #448dc7;}
table.table01 caption{display:none;}
table.table01 tbody th{padding:9px 0 10px; text-align:center; font-weight:700; color:#222; border:1px solid #ddd; background:#f9f9f9; vertical-align:middle; word-break:keep-all;}
table.table01 tbody th.bg_blu{background:#ecf3f9; color:#448dc7;}
table.table01 tbody td{padding:10px 19px 9px; text-align:left; border:1px solid #ddd; word-break:keep-all; vertical-align:middle}
table.table01 tbody td.center {text-align:center}
table.table01 tbody td strong{font-weight:700; color:#448dc7;}
table.table01 + .require{text-align:right; margin:16px 0 0;}

table.table02{width:100%; border:1px solid #ddd; border-top:2px solid #448dc7;}
table.table02 caption{display:none;}
table.table02 thead th{padding:9px 5px; text-align:center; font-weight:700; color:#222; border:1px solid #ddd; background:#f9f9f9; vertical-align:middle; word-break:keep-all;}
table.table02 thead td{padding:10px 19px 9px; text-align:left; border:1px solid #ddd;}
table.table02 tbody td{padding:9px 5px; text-align:center; border:1px solid #ddd; vertical-align:middle; word-break:keep-all;}
table.table02 tbody td.ta_l{text-align:left; padding:9px 20px;}
table.table02 thead th .hover_desc{display:inline-block; margin:-1px 0 0 7px;}
table.table02 thead th input[type=checkbox],
table.table02 tbody td input[type=checkbox]{vertical-align:middle;}
table.table02 tbody td .hover_desc{float:right; margin:2px 0 0; font-size:14px; text-align:left;}
table.table02 tbody td .hover_desc .hover_desc_detail{min-width:214px; top:39px; right:-17px;}
table.table02 tbody td .hover_desc .hover_desc_detail h4{font-weight:700; color:#222;}
table.table02 tbody td.table02_empty{padding:56px !important; text-align:center;}
table.table02 tbody td.table02_empty p{font-size:14px;}
table.table02 tbody td.table02_empty p strong{font-weight:700; color:#448dc7;}
table.table02 tbody td.table02_empty02{font-size:16px; font-weight:700; color:#222; padding:26px 30px 25px; background:#f9f9f9;}
table.table02 tbody td.center_info{padding:9px 20px; text-align:left;}
table.table02 tbody td.center_info dl dt{font-weight:700; color:#448dc7;}
table.table02 tbody td.center_info dl dd{margin:2px 0 0;}
table.table02 tbody td .table02_input_wrap{text-align:left; padding:0 9px;}
table.table02 tbody td .table02_input_wrap input{width:100%; box-sizing:border-box; font-size:11px;}
table.table02 tbody td .table02_input_wrap p.require{text-align:right; margin:3px 0 0;}
table.table02 tbody td .table02_select_wrap{padding:0 9px; text-align:left;}
table.table02 tbody td .table02_select_wrap select{width:100%; font-size:11px;}
table.table02 tbody td ul.table02_radio_list{text-align:left; padding:0 0 0 15px;}
table.table02 tbody td ul.table02_radio_list li{padding:3px 0 0;}
table.table02 tbody td ul.table02_radio_list li:first-child{margin:0;}
table.table02 tbody td ul.table02_radio_list li label{margin:0 0 0 6px;}
table.table02 tbody td a.delete{display:block; font-size:11px; color:#f44336;}
table.table02 tbody td a.delete span{font-size:14px;}
table.table02 tbody td a.delete strong{display:block; font-weight:700; margin:7px 0 0;}
table.table02 tbody td strong.big{font-size:20px; font-weight:700; color:#448dc7;}
table.table02 tbody tr.bg_gry td{background:#f9f9f9;}
table.table02 tbody tr.fw_b td{font-weight:700; color:#222;}

table.table02.table_s thead th{padding:12px 5px 11px; font-size:11px;}
table.table02.table_s tbody td{padding:15px 5px 14px; font-size:11px;}

table.table02.training_table tbody td.class_name h2 span.status_box{margin:0 9px 0 0;}
table.table02.training_table tbody td.class_name p{margin:4px 0 0;}
table.table02.training_table tbody td strong.big02{display:block; font-size:16px; font-weight:700; color:#222;}
table.table02.training_table tbody td span.big_desc{display:block; margin:1px 0 0;}

table.table02.training_table02{border-bottom:1px solid #ddd;}
table.table02.training_table02 tbody td{border-bottom:0;}
table.table02.training_table02 tbody td strong{font-weight:700; color:#222;}
table.table02.training_table02 tbody td .status_box{min-width:47px;}
table.table02.training_table02 tbody.table02_certified strong{display:inline-block; margin:0 5px 0 0; font-weight:700; color:#448dc7; line-height:30px;}
table.table02.training_table02 tbody.table02_chapter tr:first-child td{border-top:1px solid #222;}
table.table02.training_table02 tbody tr.table02_test td{background:#f9f9f9;}
table.table02.training_table02 tbody tr.table02_test td strong{display:inline-block; margin:0 5px 0 0; font-weight:700; color:#222; line-height:30px;}
table.table02.training_table02 tbody td.table02_chapter_tit{font-weight:700; color:#222; background:#f9f9f9;}

table.table02.inquiry_table thead th.inquiry_table_tit{background:#fff; text-align:left; padding:9px 20px;}
table.table02.inquiry_table thead th.inquiry_table_tit span.status_box{margin:0 9px 0 0;}
table.table02.inquiry_table tbody td.inquiry_table_con{text-align:left; padding:16px 20px;}

/* add_190119*/
table.table02 tr.edu_payment_type_wrap{}
table.table02 tr.edu_payment_type_wrap td{text-align:left; padding:10px; background:#f9f9f9;}
table.table02 tr.edu_payment_type_wrap td strong{display:inline-block; min-width:60px; line-height:30px; font-weight:700; color:#222;}
table.table02 tr.edu_payment_type_wrap td select{width:240px;}
table.table02 tr.edu_payment_type_wrap td span{display:inline-block; line-height:30px;}
table.table02 tr.edu_payment_type_wrap td p{float:right; font-size:14px; font-weight:700; color:#448dc7; line-height:30px;}
table.table02 tr.edu_payment_card td{text-align:left; padding:10px;  background:#f9f9f9;}
table.table02 tr.edu_payment_card td strong{display:inline-block; min-width:60px; line-height:30px; font-weight:700; color:#222;}
table.table02 tr.edu_payment_card td select{width:180px;}
table.table02 tr.edu_payment_card td .edu_payment_card_num{float:right;}
table.table02 tr.edu_payment_card td .edu_payment_card_num strong{}
table.table02 tr.edu_payment_card td .edu_payment_card_num input{width:67px;}
table.table02 tr.edu_payment_card td .edu_payment_card_num span.bar{display:inline-block; *zoom:1; *display:inline; line-height:30px; padding:0 6px;}
table.table02 tr.edu_payment_card td .edu_payment_card_num .form_btn{margin:0 0 0 6px;}

table.table03{width:100%;}
table.table03 caption{display:none;}
table.table03 thead th{padding:9px 5px; text-align:center; font-weight:700; color:#222; border:1px solid #ddd; background:#f9f9f9; vertical-align:middle; word-break:keep-all;}
table.table03 tbody td{position:relative; padding:9px 5px; text-align:center; border:1px solid #ddd; vertical-align:middle; word-break:keep-all;}
table.table03 .table03_bg_blu{background:#448dc7; color:#fff; border-color:#448dc7;}
table.table03 .table03_bg_grn{background:#32ba94; color:#fff; border-color:#32ba94;}
table.table03 .table03_bd_blu{border-color:#448dc7;}
table.table03 .table03_bd_blu_r{border-right-color:#448dc7;}
table.table03 .table03_bd_blu_b{border-bottom-color:#448dc7;}
table.table03 .table03_bd_wht_r{border-right-color:#fff;}
table.table03 .table03_bd_wht_b{border-bottom-color:#fff;}
table.table03 .table03_bd_grn_r{border-right-color:#32ba94;}
table.table03 .table03_bd_grn_b{border-bottom-color:#32ba94;}

table.table03 .table03_bd_wht_r{font-size:13px}

table.table03 strong{font-weight:700; color:#448dc7;}
table.table03 span.fonti.um-chevron-right{position:absolute; top:50%; right:-11px; margin:-7px 0 0; color:#32ba94;}
table.table03 + .require{margin:16px 0 0; text-align:right;}

table.table03 tbody td.empty{border:0; vertical-align:top; padding:9px 0 0;}
table.table03 tbody td.empty strong{font-size:16px; font-weight:900; color:#222;}

table.table04{width:100%;}
table.table04 caption{display:none;}
table.table04 thead th{padding:9px 5px; text-align:center; font-weight:700; color:#222; border:1px solid #ddd; background:#f9f9f9; vertical-align:middle; word-break:keep-all;}
table.table04 tbody td{padding:9px 5px; text-align:center; border:1px solid #ddd; vertical-align:middle; word-break:keep-all;}

table.table05{width:100%; border-top:2px solid #448dc7;}
table.table05 caption{display:none;}
table.table05 tbody th{padding:20px 0; vertical-align:middle; border-bottom:1px solid #ddd;}
table.table05 tbody th h3{display:inline-block; font-size:20px; font-weight:700; color:#222;}
table.table05 tbody td{vertical-align:middle; border-bottom:1px solid #ddd;}
table.table05 tbody td dl.dlList01 dd:first-child{margin:0;}
table.table05.table05_num th{padding:26px 0; vertical-align:top; text-align:left;}
table.table05.table05_num th span.num{display:inline-block; font-size:50px; font-weight:800; color:#ddd; width:88px; margin:-3px 0 0 -2px; line-height:1;}
table.table05.table05_num th h3{font-size:16px;}
table.table05.table05_num th h3 strong{color:#448dc7;}
table.table05.table05_num td{padding:26px 0; vertical-align:top;}
table.table05.ucc_table{border-color:#222;}
table.table05.ucc_table th{padding:26px 0; vertical-align:top; font-size:16px; font-weight:700; color:#222;}
table.table05.ucc_table td{padding:26px 0; vertical-align:top;}
table.table05.ucc_table td dl dt{font-weight:700; color:#448dc7;}
table.table05.ucc_table td dl dt + dd{margin:11px 0 0;}
table.table05.ucc_table td dl dd{margin:7px 0 0;}
table.table05.ucc_table td dl dd + dt{margin:32px 0 0;}
table.table05.ucc_table td dl dd strong{font-weight:700; color:#222;}
table.table05.ucc_table td ul li{margin:7px 0 0;}
table.table05.ucc_table td ul li:first-child{margin:0;}
table.table05.ucc_table td ul li strong{font-weight:700; color:#448dc7;}
table.table05.ucc_table td table.table02{margin:16px 0 0;}
table.table05.ucc_table td table.table02 th{font-size:14px; padding:9px 5px;}
table.table05.ucc_table td table.table02 td{padding:9px 5px; vertical-align:middle;}
table.table05.ucc_table td dl.dlList01 dd{margin:12px 0 0;}

table.table06{width:100%; border-top:1px solid #222; border-bottom:1px solid #ddd;}
table.table06 caption{display:none;}
table.table06 tbody th{font-size:16px; font-weight:700; color:#222; text-align:left; vertical-align:middle; padding:8px 0;}
table.table06 tbody td{vertical-align:middle; padding:8px 0;}
table.table06 tbody tr:first-child th,
table.table06 tbody tr:first-child td{padding:19px 0 8px;}
table.table06 tbody tr:last-child th,
table.table06 tbody tr:last-child td{padding:8px 0 20px;}


table.song{width:100%; border:1px solid #ddd; border-top:2px solid #448dc7;}
table.song caption{display:none;}
table.song thead th{padding:9px 5px; text-align:center; font-weight:700; color:#222; border:1px solid #ddd; background:#f9f9f9; vertical-align:middle; word-break:keep-all;}
table.song thead td{padding:10px 19px 9px; text-align:left; border:1px solid #ddd;}
table.song tbody td{padding:9px 5px; text-align:center; border:1px solid #ddd; vertical-align:middle; word-break:keep-all;}
table.song tbody td.ta_l{text-align:left; padding:9px 20px;}
table.song thead th .hover_desc{display:inline-block; margin:-1px 0 0 7px;}
table.song thead th input[type=checkbox],
table.song tbody td input[type=checkbox]{vertical-align:middle;}
table.song tbody td .hover_desc{float:right; margin:2px 0 0; font-size:14px; text-align:left;}
table.song tbody td .hover_desc .hover_desc_detail{min-width:214px; top:39px; right:-17px;}
table.song tbody td .hover_desc .hover_desc_detail h4{font-weight:700; color:#222;}
table.song tbody td.table02_empty{padding:56px !important; text-align:center;}
table.song tbody td.table02_empty p{font-size:14px;}
table.song tbody td.table02_empty p strong{font-weight:700; color:#448dc7;}
table.song tbody td.table02_empty02{font-size:16px; font-weight:700; color:#222; padding:26px 30px 25px; background:#f9f9f9;}
table.song tbody td.center_info{padding:9px 20px; text-align:left;}
table.song tbody td.center_info dl dt{font-weight:700; color:#448dc7;}
table.song tbody td.center_info dl dd{margin:2px 0 0;}
table.song tbody td .table02_input_wrap{text-align:left; padding:0 9px;}
table.song tbody td .table02_input_wrap input{width:100%; box-sizing:border-box; font-size:11px;}
table.song tbody td .table02_input_wrap p.require{text-align:right; margin:3px 0 0;}
table.song tbody td .table02_select_wrap{padding:0 9px; text-align:left;}
table.song tbody td .table02_select_wrap select{width:100%; font-size:11px;}
table.song tbody td ul.table02_radio_list{text-align:left; padding:0 0 0 15px;}
table.song tbody td ul.table02_radio_list li{padding:3px 0 0;}
table.song tbody td ul.table02_radio_list li:first-child{margin:0;}
table.song tbody td ul.table02_radio_list li label{margin:0 0 0 6px;}
table.song tbody td a.delete{display:block; font-size:11px; color:#f44336;}
table.song tbody td a.delete span{font-size:14px;}
table.song tbody td a.delete strong{display:block; font-weight:700; margin:7px 0 0;}
table.song tbody td strong.big{font-size:20px; font-weight:700; color:#448dc7;}
table.song tbody tr.bg_gry td{background:#f9f9f9;}
table.song tbody tr.fw_b td{font-weight:700; color:#222;}

/******************************
modal_popup
******************************/
.modal_box, #captchaLayer { position:fixed;width:600px;height:500px;left:50%;top:50%;margin:-250px 0 0 -300px;box-shadow:5px 7px 7px #333;z-index:9991;display:none;}

.modal_box > .title, .modal_box > .modal_title, #captchaLayer > .title { position:relative;height:60px;line-height:60px;padding-left:20px;background:#448dc7;font-size:21px;color:#fff;font-weight:500; }
.modal_box > .modal_title { cursor:move; }
.modal_box > .close_btn { position:absolute;right:20px;top:20px;width:20px;height:20px;background:url(/images/popup/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; }
.modal_box > .menu { background:#fff; }
.modal_box > .content { height:calc(100% - 60px);padding:0 20px;background:#fff;overflow-y:auto; }
.modal_box > .content .tap { margin-top:10px;overflow:hidden; }
.modal_box > .content .tap > li { width:calc(50% - 2px);height:50px;margin-top:10px;background:#d8d8d8;line-height:50px;border:1px solid #ccc;text-align:center;cursor:pointer;float:left;user-select:none; }
.modal_box > .content .tap > li.on { height:55px;margin-top:5px;border-bottom:none;background:#fff; }
.modal_box > .bottom { height:40px;padding-top:10px;background:#e8e8e8;text-align:center;border-top:1px solid #aaa; }
.modal_box > .bottom02 { height: 60px; padding-top: 20px; background: #fff; text-align: center; }

.modal_sub .title {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #555;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.modal_sub .message {
    line-height: 24px;
    padding: 20px 20px 0 20px;
    text-align: center;
    font-size: 16px;
}
.modal_sub .button {
    text-align: center;
    margin: 20px;
}
.modal_sub .button a,
.modal_sub .button input[type=button] {
    display: inline-block;
    min-width: 100px;
    border-radius: 3px;
    margin: 0 3px;
}
.modal_sub .button a.memberLeave_confirmBtn {
    color: #555;
    background-color: #fff;
    border: 1px solid;
}


#subModal_2_close {display: none;}

#memberLeaveModal {display: none; width: 800px; height: 840px; max-height: 780px; margin-top: -443.5px; margin-left: -400px;}
#memberLeaveInfo h3 {
    margin: 20px 0;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}
#memberLeaveInfo .readme {
    padding: 20px 0;
    background: #f9f9f9;
    border-top: 2px solid #448dc7;
    border-bottom: 2px solid #448dc7;
    font-weight: bold;
    text-align: center;
}
#memberLeaveInfo .readme .color_red {
    color: #fa4b4b;
}
#memberLeaveInfo .readme .color_red.mb20 {
    margin-bottom: 20px;
}
#memberLeaveInfo .save {
    padding: 20px 50px;
    _border-bottom: 2px solid #ddd;
}
.warning-check {
    padding: 10px 0;
    border-bottom: 2px solid #ddd;
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.warning-check:after{
    content: '';
    clear: both;
    display: block;
}
.warning-check label{
    display: inline-block;
    position: relative;
    padding: 0 20px;
}
.warning-check label input{
    position: absolute;
    left:0;
    top: 4px;
}
#memberLeaveInfo .survey_title {
    padding: 30px 0 10px 40px;
    font-weight: 700;
}
#memberLeaveInfo .survey_item {
    overflow: hidden;
}
#memberLeaveInfo .survey_item li {
    width: 30%;
    margin: 0 0 10px 0;
    float: left;
}
#memberLeaveInfo .survey_item li:nth-child(3n+1) {
    margin-left: 70px;
}
#memberLeaveInfo .account {
    overflow: hidden;
}
#memberLeaveInfo .account li {
    height: 50px;
    line-height: 50px;
    float: left;
}
#memberLeaveInfo .account li:nth-child(1) {
    margin-left: 50px;
}
#memberLeaveInfo .account li:nth-child(2) {
    margin-left: 30px;
}
#memberLeaveInfo .account li dt {
    width: 100px;
    float: left;
}
#memberLeaveInfo .account li dd {
    float: left;
}
#memberLeaveInfo .account li dd input[type=text],
#memberLeaveInfo .account li dd input[type=password] {
    width: 200px;
    padding: 9px 10px 8px;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 15px;
    color: #666;
    line-height: 1.4;
}
#memberLeaveInfo .sec_btn_wrap {
    font-size: 0;
    text-align: center;
    margin: 30px 0;
}
#memberLeaveInfo .sec_btn_wrap .sec_btn {
    display: inline-block;
    width: 200px;
    padding: 15px 0 14px;
    text-align: center;
    font-size: 15px;
    border: 0;
    border-radius: 2px;
    background: #fff;
    margin: 0 5px;
    line-height: 1.4;
    color: #fff;
    background: #448dc7;
    cursor: pointer;
}

#subModal_confirm, #subModal_memberLeave {display: none;}


/******************************
layer_popup
******************************/

.layer_popup_wrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:998; padding:60px 0; box-sizing:border-box; display:none; overflow-y:auto;
    background:transparent; background-color:rgba(0,0,0,.2); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#33000000,endColorStr=#33000000)"; zoom:1
}
.layer_popup_wrap .layer_popup{width:800px; margin:0 auto; background:#fff;}
.layer_popup_wrap .layer_popup .layer_popup_tit{position:relative;}
.layer_popup_wrap .layer_popup .layer_popup_tit h2{font-size:20px; font-weight:700; color:#fff; background:#448dc7; line-height:60px; padding:0 30px;}
.layer_popup_wrap .layer_popup .layer_popup_tit .layer_popup_close{display:block; width:60px; height:60px; position:absolute; top:0; right:0; color:#fff; text-align:center; line-height:60px;}

.layer_popup_wrap .layer_popup .form_wrap table.form01{border-top:1px solid #ddd;}
.layer_popup_wrap .layer_popup .form_wrap table.form01 th{font-size:14px; font-weight:400; padding:15px 20px 15px 0;}

/******************************
add_190109
******************************/
td.radio_wrap_td{padding:18px 0 !important;}

.radio_wrap02{position:relative;}
.radio_wrap02 input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio_wrap02 input[type=radio] + label{cursor:pointer; margin:0 37px 0 0;}
.radio_wrap02 input[type=radio] + label span.fonti{position:relative; top:-1px; font-size:18px; color:#888; margin:0 10px 0 0;}
.radio_wrap02 input[type=radio] + label span.fonti.um-check-circle-o{color:#448dc7; display:none;}
.radio_wrap02 input[type=radio] + label span.fonti.um-circle{color:#bbb;}
.radio_wrap02 input[type=radio]:checked + label span.fonti.um-circle-thin{display:none;}
.radio_wrap02 input[type=radio]:checked + label span.fonti.um-check-circle-o{display:inline-block;}
.radio_wrap02 strong.radio_desc{font-size:12px; color:#f44336; font-weight:700; vertical-align:baseline;}

ul.radio_wrap02 li{margin:12px 0 0;}
ul.radio_wrap02 li:first-child{margin:0;}

/******************************
add_190330
******************************/
.video_view .video_view_bottom table.table05 tbody td.inner_table_wrap{padding:30px 0;}
.video_view .video_view_bottom table.table05 tbody td.inner_table_wrap table.inner_table{width:100%; border-top:2px solid #448dc7; border-left:1px solid #ddd;}
.video_view .video_view_bottom table.table05 tbody td.inner_table_wrap table.inner_table th,
.video_view .video_view_bottom table.table05 tbody td.inner_table_wrap table.inner_table td{border:0; vertical-align:middle; font-size:14px; border-bottom:1px solid #ddd;}
.video_view .video_view_bottom table.table05 tbody td.inner_table_wrap table.inner_table th{text-align:center; padding:9px 0 10px; border-right:1px solid #ddd; background:#f6f6f6;}
.video_view .video_view_bottom table.table05 tbody td.inner_table_wrap table.inner_table td{padding:9px 20px; border-right:1px solid #ddd;}

.video_view .video_view_top > div.video_view_top_l span.certificate_label{display:block; width:80px; text-align:center; position:absolute; top:-5px; right:10px; font-size:16px; font-weight:700; color:#fff; line-height:40px; background:#448dc7;}
.video_view .video_view_top > div.video_view_top_l span.certificate_label:after{content:""; display:block; position:absolute; top:0; left:-5px;
    border-top:5px solid transparent;
    border-right:5px solid #326894;
    border-bottom:0 solid transparent;
    border-left:0 solid transparent;
}

.event02_btn_wrap{margin:90px auto 0; font-size:0; text-align:center;}
.btn_type08{display:inline-block; width:400px; border-radius:10px; text-align:center; font-size:24px; font-weight:700; line-height:70px;}
.btn_type08.org{background:#e95504; color:#fff;}
.btn_type08.grn{background:#11c6a7; color:#fff; margin:0 0 0 20px;}


/******************************
190727
******************************/
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02{position:relative; padding:20px 20px 32px; margin:20px 0 0; background:url(/images/con190727/snb_banner02_bg.jpg?v=2) no-repeat center center / cover;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 h3{padding:0 0 0 3px;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 h3 img{display:block;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 h2{font-size:25px; color:#3c1e1e; line-height:28px; letter-spacing:-0.02em; margin:8px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 h2 strong{font-size:30px; font-weight:800;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 p{font-size:12px; color:#3c1e1e; line-height:1.5; letter-spacing:-0.02em; margin:13px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 span.arrow{display:block; margin:17px 0 0;}
#sub_container #sub_contents_wrap .snb_wrap .sub_left_banner02 span.arrow img{display:block;}

/******************************
Toast
******************************/
#toast {position: fixed;bottom: 30px;left: 50%;padding: 15px 20px;transform: translate(-50%, 10px);border-radius: 30px;overflow: hidden;font-size: .8rem;opacity: 0;visibility: hidden;transition: opacity .5s, visibility .5s, transform .5s;background: rgba(0, 0, 0, .8);color: #fff;z-index: 10000;}
#toast.reveal {opacity: 1;visibility: visible;transform: translate(-50%, 0)}

/******************************
button
******************************/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn:focus, .btn:hover {
    color: #767676;
    text-decoration: none
}
.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-default {
    color: #767676;
    background-color: #fafafa;
    border-color: #ededed
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.btn-default.dropdown-toggle {
    color: #767676;
    background-color: #e1e1e1;
    border-color: #cfcfcf
}
.btn-default.active, .btn-default:active, .open>.btn-default.dropdown-toggle {
    background-image: none
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fafafa;
    border-color: #ededed
}
.btn-default .badge {
    color: #fafafa;
    background-color: #767676
}
.btn-primary {
    color: #fff;
    background-color: #248aaf;
    border-color: #20799a
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1b6985;
    border-color: #155167
}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
    background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #248aaf;
    border-color: #20799a
}
.btn-primary .badge {
    color: #248aaf;
    background-color: #fff
}
.btn-success {
    color: #fff;
    background-color: #3cbc8d;
    border-color: #36a97f
}
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #309570;
    border-color: #277a5c
}
.btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle {
    background-image: none
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #3cbc8d;
    border-color: #36a97f
}
.btn-success .badge {
    color: #3cbc8d;
    background-color: #fff
}
.btn-info {
    color: #fff;
    background-color: #29b7d3;
    border-color: #25a4be
}
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #2192a8;
    border-color: #1b788a
}
.btn-info.active, .btn-info:active, .open>.btn-info.dropdown-toggle {
    background-image: none
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #29b7d3;
    border-color: #25a4be
}
.btn-info .badge {
    color: #29b7d3;
    background-color: #fff
}
.btn-warning {
    color: #fff;
    background-color: #fac552;
    border-color: #f9bd39
}
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f9b420;
    border-color: #eea507
}
.btn-warning.active, .btn-warning:active, .open>.btn-warning.dropdown-toggle {
    background-image: none
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #fac552;
    border-color: #f9bd39
}
.btn-warning .badge {
    color: #fac552;
    background-color: #fff
}
.btn-danger {
    color: #fff;
    background-color: #e9422e;
    border-color: #e52e18
}
.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ce2916;
    border-color: #ae2312
}
.btn-danger.active, .btn-danger:active, .open>.btn-danger.dropdown-toggle {
    background-image: none
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #e9422e;
    border-color: #e52e18
}
.btn-danger .badge {
    color: #e9422e;
    background-color: #fff
}
.btn-link {
    color: #333;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}
.btn-link:focus, .btn-link:hover {
    color: #0d0d0d;
    text-decoration: underline;
    background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #999;
    text-decoration: none
}

/* selectbox - 증명서발급 (2024-02-19) */
.cst-select-box {
    position: relative;
}
.cst-select-box select {
    padding: 5px 8px;
    width: 135px;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #ddd;
    -moz-appearance:button; /* Firefox */
    -webkit-appearance: button; /* Safari and Chrome */
    appearance: button;
    outline: none;
    
}
.cst-select-box select option {
    padding: 30px;
    font-size: 16px;
}
.cst-select-box::before {
    content: '\e769';
    font-family: 'Fontium';
    position: absolute;
    top: 2px;
    right: 2px;
    width: 21%;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: rgba(68, 141, 199, 1.0);
    background-color: #eee;
    pointer-events: none;
}
.cst-select-box:hover::before {
    color: rgba(68, 141, 199, 0.6);
    background-color: #eee;
}