/*메인배너*/
.main-carousel{height:556px; padding:0; }
.main-carousel .li{height:556px; background-size:cover 100%; background-position:center top; cursor:pointer}
.main-carousel .li .copy_area{max-width:1240px;position:relative;margin:0 auto; color:#fff; padding:170px 20px 0 20px}
.main-carousel .li .copy_area h2{font-size:55px;font-weight:500;letter-spacing:1px; line-height:1.3; text-align:center}
.main-carousel .li .copy_area h2:after { content: " ";display: block; margin:50px auto 0; width:40px; height: 3px; background-color:#fff; clear: both;}
.main-carousel .li .copy_area h3{font-size:18px;font-weight:100;text-align:center;margin:15px 0 40px 0;}
.main-carousel .li .copy_area h4{font-size:14px;font-weight:600;text-align:left;border:1px solid #fff;display:inline-block;}
.main-carousel .li .copy_area h4 a{color:#fff;padding:10px 40px;display:block;}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; top:515px;/*padding-left:10px*/}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;top:250px}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; cursor:pointer}
br.main_br{display:none;}
/*메인배너*/


.mbYTP_wrapper {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25% !important;
}
.VideoPlay {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

.VideoPlay iframe {
  z-index: 1;
  top: 0 !important;
  left: 0 !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/*
#bgndVideo1, #bgndVideo3, #bgndVideo4 {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-top: 56.25% !important;
}

#bgndVideo1 iframe, #bgndVideo3 iframe, #bgndVideo4 iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
	margin-left:0px !important;
  margin-top: 0px !important;
}

*/

.flogo { position:fixed; left:24px; bottom:180px; z-index:9999; }
.flogo a { width:62px; height:62px; padding:0px; display:inline-block; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(100 98 24 0); }
.flogo a img { width:100%; }
.flogo {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}

/* 카카오톡 버튼 */
#kakao-talk-channel-chat-button {position:fixed;left:25px;bottom: 100px;z-index:9999;}
#kakao-talk-channel-chat-button a { width: 60px; height: 60px; border-radius: 60px; padding:0px; display:flex; align-items: center; justify-content: center; overflow:hidden; background: #ffe100;}
#kakao-talk-channel-chat-button a::after {
  content: "";
  background: url(/theme/basic/html/image/kakao_consult.svg?v=aw) center / cover no-repeat;
  width: 30px;
  aspect-ratio: 33 / 30;
  display: block;
}
#kakao-talk-channel-chat-button a img { width:100%; display: none; }
#kakao-talk-channel-chat-button {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}

.ljJsYP {background:#f1b435;}

@keyframes fadein0 {
  0% { opacity: 0; transform:scale(0,0); }
  100% { opacity: 1; transform:scale(1,1); }
}


/*퀵메뉴*/
#QuickTop {position:absolute; right:0; top:100px; width: 120px; height: auto; z-index:9; background-color:#036}
#QuickTop ul {padding:0; margin:0}
#QuickTop ul li { display:block; width:100%; padding:40px 10px; border-bottom:1px solid #ddd;   box-sizing:border-box}
#QuickTop ul li:last-child { border-bottom:0}
#QuickTop ul li p { text-align:center; color:#fff; font-size:16px;}
/*퀵메뉴*/



/*메인퀵*/
.tl_main_quick {background:#2d3238}
.tl_main_quick ul  {display:block; width:100%; padding:0px; }
.tl_main_quick ul li { width:33%; float:left; padding:30px; border-right:1px solid #666;}
.tl_main_quick ul li:last-child {border-right:0px;}
.tl_main_quick ul li dl {}
.tl_main_quick ul li dl dt {color:#f2f2f2; font-weight:bold; font-size:18px; transition: all .2s;}
.tl_main_quick ul li dl dd {color:f2f2f2; font-size:13px; line-height:18px; margin-top:20px; transition: all .2s; display:inline-block}
.tl_main_quick ul li a .box dl .txt {min-width:220px; color:#cdcdcd; float:left}
.tl_main_quick ul li a .box dl .web_icon { float:right}
.tl_main_quick ul li .icon {position:absolute; right:30px; top:50%; transition: all .2s;}
.tl_main_quick ul li:hover dt{color:#fff; transition: all .3s;}
.tl_main_quick ul li:hover dd{color:#rgba(255,255,255,0.9); transition: all .3s;}
.tl_main_quick ul li:hover .photo {top:30%; transition: all .3s;}
.tl_main_quick .box dl dd .fa{ font-size:40px; color:#a8a8a8; display:inline-block}
/*메인퀵*/




/*티로그는 지금*/
.tl_business_now_box_warp h2 { font-size:26px; font-weight:bold; text-align:center; padding-top:55px;}
.tl_business_now_box_warp p { text-align:center; padding:20px 0 0 0px; font-size:1.15em; color:#777; }
/*티로그는 지금*/





/*회사현황*/
.tl_main_about_wrap {/* padding:120px 0px; */ margin-top:150px; text-align:center;  overflow:hidden; background-color:#000;position:relative;}
.tl_main_about_wrap ul {display:table; table-layout:fixed; width:100%; vertical-align:middle; margin-top:80px;}
.tl_main_about_wrap ul li{display:block; width:20%; float:left; border-left:1px solid #ccc;margin:10px 0 20px 0;}
/* .tl_main_about_wrap ul li:first-child,.tl_main_about_wrap ul li:last-child{border:none;} */

.tl_main_about_wrap ul li .t1{height: 100px;line-height: 100px;}
.tl_main_about_wrap ul li .t1 i{font-size:55px;padding-top:20px;}

.tl_main_about_wrap ul li .t2{color:#000;font-size:20px;font-weight:bold;height:100px;padding: 10px 0;letter-spacing: 0;display : flex;justify-content : center;align-items : center;}
.tl_main_about_wrap ul li .t3{color:rgba(255,255,255,0.8); font-size:20px;}

.tl_main_about_wrap ul li .t3 .more {display:block;width:140px;margin:0 auto; font-size:14px; border: 1px solid #888;padding: 14px 0 14px 0; line-height:14px; background: none;border-radius:20px;}
.tl_main_about_wrap ul li .t3 .more:hover {background-color: #f1b435;color: #FFF;cursor: pointer;opacity: 1;transition: all 0.5s;}



/*회사현황*/




/*하단 회사정보*/
.tl_main_info_wrap .inner { padding:50px 20px; max-width:1240px}
.tl_main_info_wrap .notice { float:left; width:30%; height:216px; border-right:1px solid #ddd}
.tl_main_info_wrap .notice h2 { font-size:22px; color:#000; font-weight:500; letter-spacing:-1px;}
.tl_main_info_wrap .notice h2:after { content: " ";display: block;  width:40px; height:2px; margin-top:25px; background-color:#000; clear: both;}

.tl_main_info_wrap .contact { float:left; width:36%; border-right:1px solid #ddd; padding:0 33px 0 33px}
.tl_main_info_wrap .contact h2 { font-size:22px; color:#000; font-weight:500; letter-spacing:-1px}
.tl_main_info_wrap .contact h2:after { content: " ";display: block;  width:40px; height:2px; margin-top:25px; background-color:#000; clear: both;}
.tl_main_info_wrap .contact .name { font-size:13px; font-weight:600; padding:20px 0 10px 0}
.tl_main_info_wrap .contact .box .tel { clear:both; display:block;}
.tl_main_info_wrap .contact .box .tel li { float:left; font-size:18px; padding-right:20px; }
.tl_main_info_wrap .contact .box .tel li .box { background-color:#000; color:#fff; width:20px; padding:0 5px 0 5px; margin-right:12px; float:left}
.tl_main_info_wrap .contact .box .email { clear:both; display:block}
.tl_main_info_wrap .contact .box .email li { font-size:14px; padding:5px 0 20px 0}
.tl_main_info_wrap .contact .box .btn { padding:10px 0 0; background-color:inherit; border-radius:0; color:#333; clear:both}
.tl_main_info_wrap .contact .box .btn li { width:33.3333%; height:33px; line-height:33px; padding:0; margin-left:-1px; border:1px solid #ddd; text-align:center; font-size:12px; float:left}

.tl_main_info_wrap .location { float:left; width:34%;  padding:0 0 0 50px}
.tl_main_info_wrap .location h2  { font-size:22px; color:#000; font-weight:500; letter-spacing:-1px}
.tl_main_info_wrap .location h2:after { content: " ";display: block;  width:40px; height:2px; margin-top:25px; background-color:#000; clear: both;}
.tl_main_info_wrap .location .location_wrap {margin:20px 0 10px 0; background:#f2f2f2 url(../img/main_location_bg.png) 90% 50% no-repeat; height:138px; transition: all 0.2s;}
.tl_main_info_wrap .location .location_wrap .box {padding:30px;}
.tl_main_info_wrap .location .location_wrap .box h2  {line-height:20px;  font-size:15px; color:#444444; font-weight:bold;margin-top:5px;}
.tl_main_info_wrap .location .location_wrap .box h2:after { display:none}
.tl_main_info_wrap .location .location_wrap .box p  {line-height:20px;  font-size:14px; color:#777777;margin-top:5px;}
.tl_main_info_wrap .location .location_wrap .box .arrow  {font-size:18px; color:#333;margin-top:5px; transition: all 0.2s;}
.tl_main_info_wrap .location:hover .location_wrap {background-color:#ddd; transition: all 0.3s;}
.tl_main_info_wrap .location .location_wrap .box .arrow:hover {margin-left:10px; transition: all 0.3s;}
/*하단 회사정보*/



/*서브 비주얼*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:280px;background-repeat:no-repeat;background-position:center top; text-align:center; }
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual.visual06 .bg{background-image:url(../img/sub_visual06.jpg)}
.sub_visual.visual07 .bg{background-image:url(../img/sub_visual07.jpg)}
.sub_visual.visual08 .bg{background-image:url(../img/sub_visual08.jpg)}
.sub_visual.visual09 .bg{background-image:url(../img/sub_visual09.jpg)}
.sub_visual h3{position:relative;z-index:2;font-size:40px;font-weight:600; letter-spacing:-0.8px; color:#FFF;text-align:center; line-height:90px}
.sub_visual .sub_title{font-size:1.000em;text-align:center;filter:alpha(opacity=60);position:relative;font-weight:500; color:#FFF;z-index:2;opacity:.8; letter-spacing:10px; padding:18px 10px 0 10px; word-break:keep-all; line-height:1.6}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat; opacity:.8;z-index:1}
.sub_visual .bg{ width:100%; height:350px; position:absolute;  top:0; background-position:center top;background-repeat:no-repeat;/*-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
/*서브 비주얼*/




/*서브 상단메뉴*/
.sub_navi { overflow: hidden; clear: both; position: relative;  display:inline-block; bottom:-247px; z-index:2}
.sub_navi li{margin: 0px -2px 0px 0px; float: left; box-sizing: border-box; color:#fff; min-width:140px;  border-right: 1px solid #333; border-left: 1px solid #333;}
.sub_navi li a{background-color:#000; text-align: center; color:#fff; padding:0 10px; line-height: 60px; font-size: 16px; display: block;}
.sub_navi li a:hover{background:#039; color:#fff; }
.sub_navi li a.on{background:#333; color:#fff; font-weight:bold;}
.sub_navi li:first-child {border-left:0;}
/*서브 상단메뉴*/




/*서브 기본 상단*/
.content { width:100%; margin:auto;}
.content h3 {margin:65px 0 33px 0; text-align:center; font-size:30px; color:#000; font-weight:800;}
.content .subTxt1 { margin-top:27px;  text-align:center; font-size:14px; line-height:30px; color:#999; letter-spacing:1px}
.content .subTxt1:before { content:""; display:block; height:1px; width:30px; margin:0 auto 15px; background-color:#000;}
.content .txtCon { max-width:1200px;  margin:50px auto 50px auto; padding:10px; font-size:16px; line-height:1.6; color:#615e5d; letter-spacing:-0.5px}
.content .txtCon:after {content: " "; visibility: hidden; display: block; height: 0; clear: both; padding-bottom:50px}
.content .board {max-width:1200px; margin:50px auto 50px auto; padding-bottom:50px; font-size:12px}
/*서브 기본 상단*/




.sub01_02 {  }
.sub01_02 ul { width:100%; height:auto; display:inline-block; padding:2% 0%; border-bottom:1px solid #e9e9e9;  }
.sub01_02 ul li { float:left; }
.sub01_02 ul li:nth-child(1) { width:30%; height:260px; position:relative;}
.sub01_02 ul li:nth-child(1) p:nth-child(1) { border:0px solid #555; width:100%; height:260px; }
.sub01_02 ul li:nth-child(1) p:nth-child(1) img { width:100%; max-height:260px;}
.sub01_02 ul li:nth-child(1) p:nth-child(2) { position:absolute; top:0px; left:0px; font-size:16px; height:40px; line-height:40px; font-weight:bold; color:#fff; background:#333; width:100%; text-align:center; }
.sub01_02 ul li:nth-child(2) { width:70%; height:260px; }
.sub01_02 ul li:nth-child(2) p { background:#f3f3f3; height:42.6px; line-height:42.6px;}
.sub01_02 ul li:nth-child(2) p:nth-of-type(4) { height:90px; line-height:20px; padding-top:10px; }
.sub01_02 ul li:nth-child(2) p:nth-of-type(even) { background:#f9f9f9; }
.sub01_02 ul li:nth-child(2) p span { font-size:14px; }
.sub01_02 ul li:nth-child(2) p span:nth-child(1) { width:17%; float:left; padding:0% 0% 0% 1%; display:inline-block; text-align:center; font-weight:bold; color:#fff; }
.sub01_02 ul li:nth-child(2) p span:nth-child(1) strong { background:#777; width:80px; height:25px; line-height:25px; display:inline-block; padding:0px 0px; border-radius:20px 20px 20px 20px;}
.sub01_02 ul li:nth-child(2) p span:nth-child(2) { width:79%; float:left; padding:0% 3% 0% 0%; display:inline-block; letter-spacing:-0.5px;}

.sub01_03 { margin:50px 0px; display:inline-block;}
.sub01_03 ul { float:left; width:50%; display:inline-block; }
.sub01_03 ul li { float:left; width:50%; height:260px; }
.sub01_03 ul li p img { width:100%; height:260px; }
.sub01_03 ul li p.t01 { text-align:center; color:#fff; font-size:15px; letter-spacing:-0.5px; padding-top:105px;}
.sub01_03 ul li.tbox { background:#0a255b; display:inline-block; }
.sub01_03 ul li.tbox03, .sub01_03 ul li.tbox04 { background:#333; }


.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #0a255b;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -moz-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  -o-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -moz-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  -o-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -moz-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  -o-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -moz-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  -o-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -moz-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  -o-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -moz-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  -o-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -moz-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  -o-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -moz-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  -o-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -moz-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  -o-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -moz-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  -o-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -moz-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  -o-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -moz-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  -o-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -moz-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  -o-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -moz-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  -o-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -moz-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  -o-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -moz-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  -o-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -moz-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  -o-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.sub02_01 { margin:50px 0px; display:inline-block;}
.sub02_01 .section01 { margin:0px 0px 150px; border-top:1px solid #333; }
.sub02_01 .section01 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub02_01 .section01 p { font-size:18px; clear:both; }
.sub02_01 .section01 p:nth-of-type(2) { background:#f1f1f1; padding:15px 0px;font-size:18px; text-align:center; border-radius:30px; }
.sub02_01 .section01 ul { margin:40px 0px; width:100%; display:inline-block; }
.sub02_01 .section01 ul li { float:left; width:20%; text-align:center; }
.sub02_01 .section01 ul li span { display:inline-block; background:#0a255b; color:#fff; width:220px; height:220px; border-radius:50%; }
.sub02_01 .section01 ul li p i { font-size:60px; }
.sub02_01 .section01 ul li:nth-of-type(even) p:nth-child(1) { padding-top:40% }
.sub02_01 .section01 ul li:nth-of-type(even) p i { font-size:40px; opacity:0.3; }
.sub02_01 .section01 ul li p:nth-child(1) { padding-top:25%; }
.sub02_01 .section01 ul li p:nth-child(2) { font-size:24px; font-weight:bold; padding-top:5%; background:none;}

.sub02_01 .section02 { margin:0px 0px 150px; border-top:1px solid #333; }
.sub02_01 .section02 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub02_01 .section02 p { clear:both; }
.sub02_01 .section02 p:nth-of-type(1) { background:#f1f1f1; padding:15px 0px;font-size:18px; text-align:center; border-radius:30px; }
.sub02_01 .section02 ul { margin:40px 0px; width:100%; display:inline-block; }
.sub02_01 .section02 ul li { float:left; width:50%; text-align:center; }
.sub02_01 .section02 ul li .c100 { margin:0% 30% 5%; }
.sub02_01 .section02 ul li .c100 .bar { border: 0.08em solid #6416a6; }
.sub02_01 .section02 ul li .c100 .fill { border: 0.08em solid #6416a6; }
.sub02_01 .section02 ul li .c100 span { color:#333; font-weight:bold; }
.sub02_01 .section02 ul li p:nth-of-type(1) { background:none; }
.sub02_01 .section02 ul li p:nth-of-type(3) { font-size:20px; font-weight:bold; }

.sub02_01 .section03 { margin:0px 0px 150px; border-top:1px solid #333; }
.sub02_01 .section03 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub02_01 .section03 p { font-size:18px; clear:both; }
.sub02_01 .section03 ul { margin:40px 0px; width:100%; display:inline-block; }
.sub02_01 .section03 ul li { float:left; width:33.3%; text-align:center; }
.sub02_01 .section03 ul li .c100 { margin:0% 20% 5%; }
.sub02_01 .section03 ul li .c100 .bar { border: 0.08em solid #118dd4; }
.sub02_01 .section03 ul li .c100 .fill { border: 0.08em solid #118dd4; }
.sub02_01 .section03 ul li .c100 span { color:#333; font-weight:bold; }
.sub02_01 .section03 ul li p:nth-of-type(3) { font-size:20px; font-weight:bold; }

.sub02_01 .section04 { margin:0px 0px 150px; border-top:1px solid #333; }
.sub02_01 .section04 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub02_01 .section04 p { font-size:18px; clear:both; }
.sub02_01 .section04 ul { margin:40px 0px; width:100%; display:inline-block; }
.sub02_01 .section04 ul li { float:left; width:50%; text-align:center; }
.sub02_01 .section04 ul li .c100 { margin:0% 30% 5%; }
.sub02_01 .section04 ul li .c100 .bar { border-color: #11d2d4; }
.sub02_01 .section04 ul li .c100 .fill { border-color: #11d2d4; }
.sub02_01 .section04 ul li .c100 span { color:#333; font-weight:bold; }
.sub02_01 .section04 ul li p:nth-of-type(3) { font-size:20px; font-weight:bold; }

.sub02_01 .section05 { margin:0px 0px 150px; border-top:1px solid #333; }
.sub02_01 .section05 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub02_01 .section05 ul { margin:40px 0px; width:100%; display:inline-block; }
.sub02_01 .section05 ul li { float:left; width:25%; text-align:center; }
.sub02_01 .section05 ul li p:nth-child(1) { width:200px; height:180px; text-align:center; margin:0 auto;}
.sub02_01 .section05 ul li p:nth-child(1) img { width:100%; height:105%; border-radius:50%; border:0px solid #e4e4e4; }
.sub02_01 .section05 ul li p:nth-child(2) { font-size:16px; font-weight:bold; padding-top:10%;}


.sub04_01 { border-top:1px solid #333; }
.sub04_01 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub04_01 .section01 { border:1px solid #e4e4e4; }
.sub04_01 .section01 ul:nth-child(1) li:nth-child(1) { background:#e7e7f1; text-align:left; padding:10px 3%;}
.sub04_01 .section01 ul:nth-child(1) li:nth-child(1) p { font-size:20px; color:#333; font-weight:bold; }
.sub04_01 .section01 ul:nth-child(1) li:nth-child(2) { padding:3%; border-bottom:1px solid #e4e4e4; }
.sub04_01 .section01 ul:nth-child(1) li:nth-child(2) p { font-size:16px; line-height:28px; }
.sub04_01 .section01 ul:nth-child(2) li:nth-child(1) { background:#e7e7f1; text-align:left; padding:10px 3%;}
.sub04_01 .section01 ul:nth-child(2) li:nth-child(1) p { font-size:20px; color:#333; font-weight:bold; }
.sub04_01 .section01 ul:nth-child(2) li:nth-child(2) { padding:3%; border-bottom:1px solid #e4e4e4; }
.sub04_01 .section01 ul:nth-child(2) li:nth-child(2) p { font-size:16px; line-height:28px; }
.sub04_01 .section01 ul:nth-child(2) li:nth-child(2) p strong:nth-of-type(1) { background:#003399; color:#fff; padding:3px 5px; margin:5px 0px 0px; display:inline-block; border-radius:3px; }
.sub04_01 .section01 ul:nth-child(2) li:nth-child(2) p strong:nth-of-type(2) { background:#cd1717; color:#fff; padding:3px 5px; margin:5px 0px; display:inline-block; border-radius:3px; }

.sub04_01 .section01 ul:nth-child(3) { border-bottom:1px solid #e4e4e4; padding:3%; }
.sub04_01 .section01 ul:nth-child(3) table.spv_list {width:100%; border-collapse: collapse;}
.sub04_01 .section01 ul:nth-child(3) table.spv_list tr {padding: 2px 0 ; border-bottom:solid 1px #e7e8e7; }
.sub04_01 .section01 ul:nth-child(3) table.spv_list tr th {padding:10px;font-size:15px;text-align:center;background:#9090a4;color:#fff;text-align:center;border:1px solid #ddd;}
.sub04_01 .section01 ul:nth-child(3) table.spv_list tr td {padding:10px;background:#fff;font-size:15px;text-align:center; border:1px solid #ddd; }
.sub04_01 .section01 ul:nth-child(3) table.spv_list tr td.a_left {padding: 10px;text-align:left;background:#ffffff;}
.sub04_01 .section01 ul:nth-child(3) table.spv_list tr td.a_left div.demo{float:right;}
.sub04_01 .section01 ul:nth-child(3) table.spv_list tr td.a_center {padding: 10px;background:#fff;font-size:12px;text-align:center; border:1px solid #ddd; }

.sub04_01 .section01 ul:nth-child(4) li:nth-child(1) { padding:3%; border-bottom:1px solid #e4e4e4; }
.sub04_01 .section01 ul:nth-child(4) li:nth-child(1) p { font-size:16px; line-height:28px; }

.sub04_01 .section01 ul:nth-child(5) li:nth-child(1) { padding:1% 3%; border-bottom:0px solid #e4e4e4; background:#f9f9f9; text-align:center; }
.sub04_01 .section01 ul:nth-child(5) li:nth-child(1) p { font-size:16px; line-height:28px; }
.sub04_01 .section01 ul:nth-child(5) li:nth-child(1) p a:nth-child(1) { background:#003399; color:#fff; padding:8px 0px; display:inline-block; width:190px; margin-right:1%; border-radius:3px; }
.sub04_01 .section01 ul:nth-child(5) li:nth-child(1) p a:nth-child(2) { background:#333; color:#fff; padding:8px 0px; display:inline-block; width:190px;  margin-right:0%; border-radius:3px; }


.sub04_02 { border-top:1px solid #333; }
.sub04_02 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
.sub04_02 .section01 { margin-top:30px; }
.sub04_02 .section01 ul {  }
.sub04_02 .section01 ul li { float:left; width:25%; height:240px; background:#333; color:#fff; text-align:center; }
.sub04_02 .section01 ul li:nth-of-type(2), .sub04_02 .section01 ul li:nth-of-type(4), .sub04_02 .section01 ul li:nth-of-type(5), .sub04_02 .section01 ul li:nth-of-type(7) { background:#f1f1f1; }
.sub04_02 .section01 ul li:nth-of-type(2), .sub04_02 .section01 ul li:nth-of-type(4), .sub04_02 .section01 ul li:nth-of-type(5), .sub04_02 .section01 ul li:nth-of-type(7) { color:#333; }
.sub04_02 .section01 ul li p:nth-child(1) { font-size:40px; border:4px solid #333; display:inline-block; width:80px; height:80px; border-radius:100%; margin-top:5%;}
.sub04_02 .section01 ul li:nth-of-type(1) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(3) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(6) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(8) p:nth-child(1) { border:4px solid #fff; }
.sub04_02 .section01 ul li p:nth-child(2) { padding:10px 0px; font-size:20px; font-weight:bold; letter-spacing:-0.8px; }
.sub04_02 .section01 ul li p:nth-child(3) { font-size:14px; }

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1100px) {

  .sub01_02 {  }
  .sub01_02 ul { width:100%; height:auto; display:inline-block; padding:2% 0%; border-bottom:1px solid #e9e9e9;  }
  .sub01_02 ul li { float:left; }
  .sub01_02 ul li:nth-child(1) { width:100%; height:260px; position:relative;}
  .sub01_02 ul li:nth-child(1) p:nth-child(1) { border:0px solid #555; width:100%; height:260px; }
  .sub01_02 ul li:nth-child(1) p:nth-child(1) img { width:100%; max-height:260px;}
  .sub01_02 ul li:nth-child(1) p:nth-child(2) { position:absolute; top:0px; left:0px; font-size:16px; height:40px; line-height:40px; font-weight:bold; color:#fff; background:#333; width:100%; text-align:center; }
  .sub01_02 ul li:nth-child(2) { width:100%; height:auto; }
  .sub01_02 ul li:nth-child(2) p { background:#f3f3f3; height:42.6px; line-height:42.6px;}
  .sub01_02 ul li:nth-child(2) p:nth-of-type(4) { height:140px; line-height:20px; padding-top:10px; }
  .sub01_02 ul li:nth-child(2) p:nth-of-type(5) { height:60px; line-height:20px; padding-top:10px; }
  .sub01_02 ul li:nth-child(2) p:nth-of-type(even) { background:#f9f9f9; }
  .sub01_02 ul li:nth-child(2) p span { font-size:14px; }
  .sub01_02 ul li:nth-child(2) p span:nth-child(1) { width:25%; float:left; padding:0% 0% 0% 3%; display:inline-block; font-weight:bold; color:#fff; font-size:14px;}
  .sub01_02 ul li:nth-child(2) p span:nth-child(2) { width:74%; float:left; padding:0% 3% 0% 3%; display:inline-block; letter-spacing:-0.7px; font-size:12px;}

  .sub01_03 { margin:50px 0px; display:inline-block;}
  .sub01_03 ul { float:left; width:100%; display:inline-block; }
  .sub01_03 ul li { float:left; width:50%; height:200px; }
  .sub01_03 ul li p img { width:100%; height:200px; }
  .sub01_03 ul li p.t01 { text-align:center; color:#fff; font-size:12px; letter-spacing:-0.5px; padding-top:80px;}
  .sub01_03 ul li.tbox { background:#0a255b; display:inline-block; }
  .sub01_03 ul li.tbox02, .sub01_03 ul li.tbox04 { background:#333; }

  .sub02_01 { margin:50px 0px; display:inline-block;}
  .sub02_01 .section01 { margin:0px 0px 100px; border-top:1px solid #333; }
  .sub02_01 .section01 h3 { display:inline-block; font-size:16px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-20px; }
  .sub02_01 .section01 p { font-size:14px; clear:both; }
  .sub02_01 .section01 p:nth-of-type(2) { background:#f1f1f1; padding:15px 15px;font-size:14px; text-align:center; border-radius:30px; }
  .sub02_01 .section01 ul { margin:40px 0px; width:100%; display:inline-block; }
  .sub02_01 .section01 ul li { float:left; width:33.3%; text-align:center; }
  .sub02_01 .section01 ul li span { display:inline-block; background:#0a255b; color:#fff; width:110px; height:110px; border-radius:50%; }
  .sub02_01 .section01 ul li p i { font-size:30px; }
  .sub02_01 .section01 ul li:nth-of-type(even) { display:none; }
  .sub02_01 .section01 ul li:nth-of-type(even) p:nth-child(1) { padding-top:40%; }
  .sub02_01 .section01 ul li:nth-of-type(even) p i{ font-size:40px; opacity:0.3; }
  .sub02_01 .section01 ul li p:nth-child(1) { padding-top:25%; }
  .sub02_01 .section01 ul li p:nth-child(2) { font-size:16px; font-weight:bold; padding-top:5%; background:none;}

  .sub02_01 .section02 { margin:0px 0px 100px; border-top:1px solid #333; }
  .sub02_01 .section02 h3 { display:inline-block; font-size:16px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-20px; }
  .sub02_01 .section02 p { clear:both; }
  .sub02_01 .section02 p:nth-of-type(1) { background:#f1f1f1; padding:15px 15px;font-size:14px; text-align:center; border-radius:30px; }
  .sub02_01 .section02 ul { margin:40px 0px; width:100%; display:inline-block; }
  .sub02_01 .section02 ul li { float:left; width:50%; text-align:center; }
  .sub02_01 .section02 ul li .c100 { margin:0% 10% 5%; font-size:140px; }
  .sub02_01 .section02 ul li .c100 .bar { border: 0.08em solid #6416a6; }
  .sub02_01 .section02 ul li .c100 .fill { border: 0.08em solid #6416a6; }
  .sub02_01 .section02 ul li .c100 span { color:#333; font-weight:bold; }
  .sub02_01 .section02 ul li p:nth-of-type(1) { background:none; }
  .sub02_01 .section02 ul li p:nth-of-type(1) { font-size:16px; color:#333; font-weight:bold; }

  .sub02_01 .section03 { margin:0px 0px 100px; border-top:1px solid #333; }
  .sub02_01 .section03 h3 { display:inline-block; font-size:16px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-20px; }
  .sub02_01 .section03 p { font-size:14px; clear:both; }
  .sub02_01 .section03 ul { margin:40px 0px; width:100%; display:inline-block; }
  .sub02_01 .section03 ul li { float:left; width:33.3%; text-align:center; }
  .sub02_01 .section03 ul li .c100 { margin:0% 10% 5%; font-size:95px; }
  .sub02_01 .section03 ul li .c100 .bar { border: 0.08em solid #118dd4; }
  .sub02_01 .section03 ul li .c100 .fill { border: 0.08em solid #118dd4; }
  .sub02_01 .section03 ul li .c100 span { color:#333; font-weight:bold; }
  .sub02_01 .section03 ul li p:nth-of-type(1) { font-size:20px; color:#333; font-weight:bold; }

  .sub02_01 .section04 { margin:0px 0px 100px; border-top:1px solid #333; }
  .sub02_01 .section04 h3 { display:inline-block; font-size:16px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-20px; }
  .sub02_01 .section04 p { font-size:14px; clear:both; }
  .sub02_01 .section04 ul { margin:40px 0px; width:100%; display:inline-block; }
  .sub02_01 .section04 ul li { float:left; width:50%; text-align:center; }
  .sub02_01 .section04 ul li .c100 { margin:0% 10% 5%; font-size:140px; }
  .sub02_01 .section04 ul li .c100 .bar { border-color: #11d2d4; }
  .sub02_01 .section04 ul li .c100 .fill { border-color: #11d2d4; }
  .sub02_01 .section04 ul li .c100 span { color:#333; font-weight:bold; }
  .sub02_01 .section04 ul li p:nth-of-type(1) { font-size:20px; color:#333; font-weight:bold; }

  .sub02_01 .section05 { margin:0px 0px 100px; border-top:1px solid #333; }
  .sub02_01 .section05 h3 { display:inline-block; font-size:16px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-20px; }
  .sub02_01 .section05 ul { margin:40px 0px; width:100%; display:inline-block; }
  .sub02_01 .section05 ul li { float:left; width:50%; height:240px; text-align:center; }
  .sub02_01 .section05 ul li p:nth-child(1) { width:120px; height:120px; text-align:center; margin:0 auto;}
  .sub02_01 .section05 ul li p:nth-child(1) img { width:100%; height:105%; border-radius:50%; border:0px solid #e4e4e4; }
  .sub02_01 .section05 ul li p:nth-child(2) { font-size:16px; color:#333; font-weight:bold; padding-top:10%;}


  .sub04_01 { border-top:1px solid #333; }
  .sub04_01 h3 { display:inline-block; font-size:16px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-20px; }
  .sub04_01 .section01 { border:1px solid #e4e4e4; }
  .sub04_01 .section01 ul:nth-child(1) li:nth-child(1) { background:#e7e7f1; text-align:left; padding:5px 5%;}
  .sub04_01 .section01 ul:nth-child(1) li:nth-child(1) p { font-size:16px; color:#333; font-weight:bold; }
  .sub04_01 .section01 ul:nth-child(1) li:nth-child(2) { padding:3%; border-bottom:1px solid #e4e4e4; }
  .sub04_01 .section01 ul:nth-child(1) li:nth-child(2) p { font-size:14px; line-height:28px; }
  .sub04_01 .section01 ul:nth-child(2) li:nth-child(1) { background:#e7e7f1; text-align:left; padding:5px 5%;}
  .sub04_01 .section01 ul:nth-child(2) li:nth-child(1) p { font-size:16px; color:#333; font-weight:bold; }
  .sub04_01 .section01 ul:nth-child(2) li:nth-child(2) { padding:3%; border-bottom:1px solid #e4e4e4; }
  .sub04_01 .section01 ul:nth-child(2) li:nth-child(2) p { font-size:14px; line-height:28px; }
  .sub04_01 .section01 ul:nth-child(2) li:nth-child(2) p strong:nth-of-type(1) { background:#003399; color:#fff; padding:0px 5px; margin:5px 0px 0px; display:inline-block; border-radius:3px; }
  .sub04_01 .section01 ul:nth-child(2) li:nth-child(2) p strong:nth-of-type(2) { background:#cd1717; color:#fff; padding:0px 5px; margin:5px 0px; display:inline-block; border-radius:3px; }

  .sub04_01 .section01 ul:nth-child(3) { border-bottom:1px solid #e4e4e4; padding:3%; }
  .sub04_01 .section01 ul:nth-child(3) table.spv_list {width:100%; border-collapse: collapse;}
  .sub04_01 .section01 ul:nth-child(3) table.spv_list tr {padding: 2px 0 ; border-bottom:solid 1px #e7e8e7; }
  .sub04_01 .section01 ul:nth-child(3) table.spv_list tr th {padding:10px;font-size:15px;text-align:center;background:#9090a4;color:#fff;text-align:center;border:1px solid #ddd;}
  .sub04_01 .section01 ul:nth-child(3) table.spv_list tr td {padding:10px;background:#fff;font-size:15px;text-align:center; border:1px solid #ddd; }
  .sub04_01 .section01 ul:nth-child(3) table.spv_list tr td.a_left {padding: 10px;text-align:left;background:#ffffff;}
  .sub04_01 .section01 ul:nth-child(3) table.spv_list tr td.a_left div.demo{float:right;}
  .sub04_01 .section01 ul:nth-child(3) table.spv_list tr td.a_center {padding: 10px;background:#fff;font-size:12px;text-align:center; border:1px solid #ddd; }

  .sub04_01 .section01 ul:nth-child(4) li:nth-child(1) { padding:3%; border-bottom:1px solid #e4e4e4; }
  .sub04_01 .section01 ul:nth-child(4) li:nth-child(1) p { font-size:16px; line-height:28px; }

  .sub04_01 .section01 ul:nth-child(5) li:nth-child(1) { padding:1% 3%; border-bottom:0px solid #e4e4e4; background:#f9f9f9; text-align:center; }
  .sub04_01 .section01 ul:nth-child(5) li:nth-child(1) p { font-size:16px; line-height:28px; }
  .sub04_01 .section01 ul:nth-child(5) li:nth-child(1) p a:nth-child(1) { background:#003399; color:#fff; padding:6px 0px; display:inline-block; width:100%; margin-right:0%; margin-bottom:5px; border-radius:3px; }
  .sub04_01 .section01 ul:nth-child(5) li:nth-child(1) p a:nth-child(2) { background:#333; color:#fff; padding:6px 0px; display:inline-block; width:100%;  margin-right:0%; border-radius:3px; }


  .sub04_02 { border-top:1px solid #333; }
  .sub04_02 h3 { display:inline-block; font-size:26px; margin:0px 0px; padding:5px 35px; background:#333; border-radius:30px; color:#fff; position:relative; top:-25px; }
  .sub04_02 .section01 { margin-top:30px; }
  .sub04_02 .section01 ul {  }
  .sub04_02 .section01 ul li { float:left; width:50%; padding:3%; height:250px; background:#333; color:#fff; text-align:center; }
  .sub04_02 .section01 ul li:nth-of-type(2), .sub04_02 .section01 ul li:nth-of-type(4), .sub04_02 .section01 ul li:nth-of-type(5), .sub04_02 .section01 ul li:nth-of-type(7) { background:#333; color:#fff; }
  .sub04_02 .section01 ul li:nth-of-type(2), .sub04_02 .section01 ul li:nth-of-type(3), .sub04_02 .section01 ul li:nth-of-type(6), .sub04_02 .section01 ul li:nth-of-type(7) { background:#f1f1f1; color:#333; }
  .sub04_02 .section01 ul li p:nth-child(1) { font-size:40px; border:4px solid #333; display:inline-block; width:80px; height:80px; border-radius:100%; margin-top:5%;}
  .sub04_02 .section01 ul li:nth-of-type(1) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(3) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(6) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(8) p:nth-child(1) { border:4px solid #333; }
  .sub04_02 .section01 ul li:nth-of-type(1) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(4) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(5) p:nth-child(1), .sub04_02 .section01 ul li:nth-of-type(8) p:nth-child(1) { border:4px solid #fff; }
  .sub04_02 .section01 ul li p:nth-child(2) { padding:10px 0px; font-size:14px; font-weight:bold; letter-spacing:-0.9px; }
  .sub04_02 .section01 ul li p:nth-child(3) { font-size:12px; }


}



/*게시판 헤더관리*/
#head-edit-form {display:none;border:2px solid tomato;padding:2em;background-color:#fff;border-radius:6px;}
#head-edit-form h3 { font-size:20px; margin-bottom:20px}
#head-edit-form .line {margin:5px 0; padding-bottom:7px}
#head-edit-form .line label {font-size:14px; color:#930; width:150px; display:inline-block; vertical-align:middle;}
#head-edit-form .line textarea {width:400px;height:100px;line-height:20px;border:1px solid #ccc;}
#head-edit-form .line input[type=text] {border:1px solid #ccc;line-height:20px;height:40px;}
#head-edit-form .line #bo_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #bo_head_sub_title { width: 350px; }
#head-edit-form .btn_submit{width:160px; background: #000; text-decoration: none; display:inline-block; border:0; color: #fff; vertical-align: middle;  padding:15px 0 15px 0; line-height:1.1; cursor:pointer; box-sizing:border-box;}
#btn-mng-head {position:absolute;z-index:100; bottom:2px;right:2px;background-color:tomato; color:#fff; font-size:14px; border:0; height:24px; line-height:24px; padding:0 0.5em; border-radius:12px;}
/*게시판 헤더관리*/



/*내용관리 헤더관리*/
#head-edit-form .line #co_head_bg_class { width: 150px; height:40px }
#head-edit-form .line #co_head_sub_title { width: 350px; }
#head-edit-form .tc {text-align:center; margin-top:1em;}
/*내용관리 헤더관리*/



/*푸터*/
.footer .nav_warp{width:100%;background-color:#000}
.footer .nav_warp .content{ width:1200px; margin:0 auto;padding:20px 0; }
.footer .nav_warp .content ul{width:1200px; margin:40px auto 0; display:inline-block; height:50px; line-height:57px; border-bottom:1px solid #3f3f3f; border-top:1px solid #3f3f3f; }
.footer .nav_warp .content ul:after{display:block;content:"";clear:both}
.footer .nav_warp .content ul li{float:left;margin:0 0 0 25px;font-size:16px;line-height:42px;color:#fff;}
.footer .nav_warp .content ul li:first-child{margin:0;}
.footer .nav_warp .content ul li a{display:block;color:#fff}
.footer .nav_warp .content ul li a:hover{text-decoration:none}

.footer .nav_warp .content ul li:nth-child(5) { float:right; }
.footer .nav_warp .content ul li:nth-child(5) select { padding:2px 10px; outline:0; background:#e4e4e4; }

.footer .nav_warp .content .ft_company {
  overflow: hidden;
  margin-top: 15px;
}
.footer .nav_warp .content .ft_company span {
  float: left;
  color: #d2d0d0;
}
.footer .nav_warp .content .ft_company span:nth-child(4) {clear: both;}
.footer .nav_warp .content .ft_company span:nth-child(3)::after ,
.footer .nav_warp .content .ft_company span:last-child::after {content: none;}
.footer .nav_warp .content .ft_company span::after {
  content: "|";
  opacity: 0.3;
  margin: 0 15px;
}
.footer .content address{margin:15px 0 0 0;font-size:14px;line-height:20px;color:#d2d0d0;letter-spacing:-1px; font-style:normal}
.footer .content address a{margin:0 0 0 6px;}
.footer .content address span{display:inline-block;}
.footer .content address em{display:inline-block; margin-right: 10px; font-size:14px;line-height:18px;color:#d2d0d0; font-style:normal; line-height:1.7; word-break: keep-all}
.footer .content dl{margin:7px 0 0 0;}
.footer .content dl:after{display:block;content:"";clear:both}
.footer .content dl dt{float:left;font-size:20px;line-height:40px;color:#fff;}
.footer .content dl dd{float:left;margin:1px 0 0 10px;font-size:25px;line-height:40px;color:#fff;font-weight:bold}
.footer .content dl dd span{display:block;}
.footer .copyright{margin:20px 0 0 0;font-size:13px;line-height:20px;color:#c2c2c2;}
/*푸터*/


/* 푸터팝업*/
.tl_pop_con{background:#fff;}
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/close_btn.gif") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px; opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/


/* 푸터팝업*/
.al_pop_con{background:#fff;}
.al_pop_con h2.a_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:20px;color:#fff;}
.al_pop_con h2.a_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.al_pop_con h2.a_pop_tit span {display:inline-block; padding-left:50px;}
.a_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.a_pop_wrap strong {color:#00a19a;font-weight:normal;}
.a_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/close_btn.gif") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px; opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/



/*회원가입*/
#fregister { max-width:1200px; margin:0 auto; padding:20px 0}
#fregisterform { max-width:1200px; margin:0 auto; padding:20px 0}
/*회원가입*/



@media screen and (max-width:1007px) {
  .tl_main_info_wrap .notice { height:237px}

}



@media screen and (max-width:960px) {
  .main-carousel { margin-top:75px; }
  .main-carousel .owl-nav { display:none}
  .main-carousel .li .copy_area h2:after { margin-top:20px}
  .tl_main_about_wrap ul li{ width:50%}
  .tl_main_info_wrap .notice { height:333px}
  .tl_main_info_wrap .contact .box .btn li { width:100%;margin-bottom:10px}
  .main-carousel{height:230px; padding:0;}
  .main-carousel .li { height:230px;background-size:210% 100%; }
  .main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; top:200px;/*padding-left:10px*/}
  .sub_visual {margin-top:75px;}
  .sub_visual .sub_navi { display:none}
  .sub_visual .sub_title { padding-top:120px}
  .sub_visual h3 { font-size:30px}
  .sub_navI_warp {width:90%; height:62px; margin:auto; top:-32px;  clear:both; background-attachment:scroll; position:relative; background-color:#000; z-index:3; display:block}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area { float:none;}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area > a {width:10%;}
  .sub_navI_warp .all-wrap .loca-wrap .share-area { display:none}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area > ul {width:100%;}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area > ul > li { width:50%; border-left:1px solid #666}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area > ul > li button {width:100%;}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area i { display:none}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area>ul>li button { border-right:0}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area>ul>li div ul { border-top:1px solid #666}
  .sub_navI_warp .all-wrap .loca-wrap .loca-area>ul>li div ul li a { background-color:#000; border-bottom:1px solid #333}

  /*.flogo { position:fixed; left:10px; bottom:90px; z-index:9999; }*/
  .flogo a {  width:60px; height:60px; padding:0px; display:inline-block; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(100 98 24 0);}
  .flogo a img { width:100%; }
  .flogo {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}
}


@media screen and (max-width:742px) {
  .tl_main_quick ul li { width:100%; border-right:0; border-bottom:1px solid #666}
  .tl_main_info_wrap .notice { width:100%; height:auto; padding-bottom:20px; border-right:0; border-bottom:1px solid #ddd;}
  .tl_main_info_wrap .contact { width:100%; padding-bottom:20px; padding-left:0; border-right:0; margin-top:20px;  border-bottom:1px solid #ddd;}
  .tl_main_info_wrap .location { width:100%; padding-left:0; border-right:0; margin-top:20px}


  .tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:20px;color:#fff;}
  .tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
  .tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
  .f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
  .f_pop_wrap strong {color:#00a19a;font-weight:normal;}
  .f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
  .mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/close_btn.gif") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
  .mfp-close { width: 40px; height: 40px; text-indent: -999px; opacity: 1; overflow: hidden; background-color:transparent; border:0; }
  button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

  .flogo { position:fixed; bottom:160px; z-index:9999; }
  .flogo a { width:55px; height:55px; padding:0px; display:inline-block; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(100 98 24 0);}
  .flogo a img { width:100%; }
  .flogo {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}

  /* 카카오톡 버튼 */
  #kakao-talk-channel-chat-button {bottom: 95px;}
  #kakao-talk-channel-chat-button a { width:53px; height:53px;}
  #kakao-talk-channel-chat-button a img { width:100%; }
  #kakao-talk-channel-chat-button {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}
}



@media screen and (max-width:600px) {
  .tl_main_about_wrap ul li { width:100%}
  .footer .nav_warp .content { padding-top:20px}
  .footer .nav_warp .content ul { /* width:100%; */ background-color:#000}
  .footer .nav_warp .content ul li .fa { display:none}
  .footer .nav_warp .content ul li { margin: 0 0 0 15px;}
  .footer .nav_warp .content ul li a { font-size:13px}
  .footer .content address { font-size:13px}
  .footer .content address { font-size:13px}
  .footer .nav_warp .content .ft_company {font-size: 13px;}
  .footer .nav_warp .content .ft_company span::after {margin: 0 10px;}

  .tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:20px;color:#fff;}
  .tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
  .tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
  .f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
  .f_pop_wrap strong {color:#00a19a;font-weight:normal;}
  .f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
  .mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/close_btn.gif") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
  .mfp-close { width: 40px; height: 40px; text-indent: -999px; opacity: 1; overflow: hidden; background-color:transparent; border:0; }
  button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

  .flogo { position:fixed; z-index:9999; }
  .flogo a { width:55px; height:55px; padding:0px; display:inline-block; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(100 98 24 0);}
  .flogo a img { width:100%; }
  .flogo {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}


  /* 카카오톡 버튼 */
  #kakao-talk-channel-chat-button {}
  #kakao-talk-channel-chat-button {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}
}


@media screen and (max-width:480px) {

  .tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:20px;color:#fff;}
  .tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
  .tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
  .f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
  .f_pop_wrap strong {color:#00a19a;font-weight:normal;}
  .f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
  .mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/close_btn.gif") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
  .mfp-close { width: 40px; height: 40px; text-indent: -999px; opacity: 1; overflow: hidden; background-color:transparent; border:0; }
  button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

  .footer .nav_warp .content ul { position:relative; }
  .footer .nav_warp .content ul li:nth-child(5) { float:left; position:absolute; top:-55px; width:100%;}
  .footer .nav_warp .content ul li:nth-child(5) select { padding:2px 0px; width:100%; display:inline-block; outline:0; }



  .flogo { position:fixed; left:11px; bottom:125px; z-index:9999; }
  .flogo a {  width:52px; height:52px; padding:0px; display:inline-block; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(100 98 24 0);margin: 0 0 20px 15px; margin: 0;}
  .flogo a img { width:100%; }
  .flogo {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}


  /* 카카오톡 버튼 */
  #kakao-talk-channel-chat-button {left:12px;bottom: 70px;}
  #kakao-talk-channel-chat-button a { width:49px; height:49px;}
  #kakao-talk-channel-chat-button a::after {width: 25px;}
  #kakao-talk-channel-chat-button {animation-name:fadein0;animation-duration: 200ms;animation-delay: 0.6s;animation-iteration-count: inherit;animation-fill-mode: both;}
}