.animated{
-webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both;
-webkit-animation-duration:0.7s; -moz-animation-duration:0.7s; -ms-animation-duration:0.7s; -o-animation-duration:0.7s; animation-duration:0.7s;
}
.dur1{-webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s;}
.dur2{-webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; -ms-animation-duration:1.5s; -o-animation-duration:1.5s; animation-duration:1.5s;}
.dur3{-webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;}
.dur4{-webkit-animation-duration:2.5s; -moz-animation-duration:2.5s; -ms-animation-duration:2.5s; -o-animation-duration:2.5s; animation-duration:2.5s;}
.dur5{-webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s;}
.dur6{-webkit-animation-duration:3.5s; -moz-animation-duration:3.5s; -ms-animation-duration:3.5s; -o-animation-duration:3.5s; animation-duration:3.5s;}


@-webkit-keyframes fadeIn {
0% {opacity: 0;} 100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;} 100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;} 100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;} 100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}


@-moz-keyframes fadeInUp {
0% {opacity: 0; -moz-transform: translateY(40px);} 100% {opacity: 1; -moz-transform: translateY(0);}
}
@-o-keyframes fadeInUp {
0% {opacity: 0; -o-transform: translateY(40px);} 100% {opacity: 1; -o-transform: translateY(0);}
}
@keyframes fadeInUp {
0% {opacity: 0; transform: translateY(40px);} 100% {opacity: 1; transform: translateY(0);}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}


@-webkit-keyframes fadeInLeft{
0% {opacity: 0; -webkit-transform: translateX(-10px);} 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInLeft{
0% {opacity: 0; -moz-transform: translateX(-10px);} 100% {opacity: 1; -moz-transform: translateX(0);}
}
@-o-keyframes fadeInLeft{
0% {opacity: 0; -o-transform: translateX(-10px);} 100% {opacity: 1; -o-transform: translateX(0);}
}
@keyframes fadeInLeft{
0% {opacity: 0; transform: translateX(-10px);} 100% {opacity: 1; transform: translateX(0);}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight{
0% {opacity: 0; -webkit-transform: translateX(10px);} 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInRight{
0% {opacity: 0; -moz-transform: translateX(10px);} 100% {opacity: 1; -moz-transform: translateX(0);}
}
@-o-keyframes fadeInRight{
0% {opacity: 0; -o-transform: translateX(10px);} 100% {opacity: 1; -o-transform: translateX(0);}
}
@keyframes fadeInRight{
0% {opacity: 0; transform: translateX(10px);} 100% {opacity: 1; transform: translateX(0);}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}


@-webkit-keyframes fadeInLeftBig {
0% {opacity: 0; -webkit-transform: translateX(-100px);} 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInLeftBig {
0% {opacity: 0; -moz-transform: translateX(-100px);} 100% {opacity: 1; -moz-transform: translateX(0);}
}
@-o-keyframes fadeInLeftBig {
0% {opacity: 0; -o-transform: translateX(-100px);} 100% {opacity: 1; -o-transform: translateX(0);}
}
@keyframes fadeInLeftBig {
0% {opacity: 0; transform: translateX(-100px);} 100% {opacity: 1; transform: translateX(0);}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}


@-webkit-keyframes fadeInRightBig {
0% {opacity: 0; -webkit-transform: translateX(100px);} 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@-moz-keyframes fadeInRightBig {
0% {opacity: 0; -moz-transform: translateX(100px);} 100% {opacity: 1; -moz-transform: translateX(0);}
}
@-o-keyframes fadeInRightBig {
0% {opacity: 0; -o-transform: translateX(100px);} 100% {opacity: 1; -o-transform: translateX(0);}
}
@keyframes fadeInRightBig {
0% {opacity: 0; transform: translateX(100px);} 100% {opacity: 1; transform: translateX(0);}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}


/* common */
#container{padding-top:309px}
#container.start .sub_visual h3{letter-spacing:1px;opacity:1;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
#contents{position:relative;background:#fff;z-index:10;padding-top:50px}
#conData > div{position:relative;background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.content_data .txt_wrap{position:relative;max-width:900px;margin:0 auto;z-index:5}
.content_data .data_wrap{position:relative;margin:0 auto;z-index:3}
.content_data .line_data{position:absolute;top:0;left:0;width:100%;height:100%}
.content_data .visual_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}


#product_txt{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:100000000}
#product_txt > div{display:table;width:100%;height:100%}
#product_txt > div > div{display:table-cell;vertical-align:middle}
#product_txt p{font-size:14px;color:#fff;line-height:20px;margin-top:10px}






#isotope_list{position:relative}
#isotope_list:after {content:" ";display:block;clear:both;overflow:hidden;}


.item_obj{float:left}
.item_obj .thumb img{width:100%}


.con{position:relative;max-width:1400px;padding:0 30px;margin:0 auto}


.sub_visual{position:fixed;top:0;left:0;width:100%;height:309px;z-index:0}
.sub_visual h3{position:absolute;top:180px;left:0;width:100%;font-size:32px;color:#fff;letter-spacing:1px;opacity:0;font-weight:bold;z-index:10;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;
-webkit-transform: translate(0px, 50px);
-moz-transform: translate(0px, 50px);
-o-transform: translate(0px, 50px);
-ms-transform: translate(0px, 50px);
transform: translate(0px, 50px);
}
.sub_visual .obj{position:relative;height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:3}


.dose_slide > li{left:0}


.img_gallery{position:relative;max-width:1420px;margin:40px auto 0 auto;min-height:500px}
.img_gallery .grid_size,
.img_gallery .item_obj{width:33.33%}
.img_gallery .item_cell{padding:10px}
.img_gallery .item_cell .thumb{position:relative}
.img_gallery .item_cell .black{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.img_gallery .item_cell .thumb:hover .black{opacity:0.5}
.img_gallery .item_obj .info{padding:20px;background:#fff;border:1px solid #d6d6d6;text-align:left}
.img_gallery .item_obj .cate{font-size:14px;color:#c1994f}
.img_gallery .item_obj .subject{margin:3px 0}
.img_gallery .item_obj .subject a{line-height:20px}
.img_gallery .item_obj .date{font-size:15px}


.list_search{position:relative;height:48px;border:1px solid #dcdcdc;background:#f6f6f6}
.list_search .cate{position:relative;width:70%;margin-left:15px}
.list_search .cate .bar{}
.list_search .cate .bar{position:absolute;left:0;bottom:-7px;width:14px;height:14px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#5fabd5;z-index:5}
.list_search .list_tab{overflow:hidden;height:48px}
.list_search .list_tab > div > div:first-child{background:none}
.list_search .list_tab > div > div > a{display:block;line-height:48px;font-size:16px;color:#888}
.list_search .list_tab > div > div > a:hover,.list_search .list_tab > div > div > a.on{color:#3a9dd4;font-weight:400}
.list_search .search_txt_wrap{position:absolute;right:0;top:0;padding-right:65px;border-left:solid 1px #dcdcdc;}
.list_search .search_txt_wrap p{width:290px;padding-left:10px;}
.list_search .search_txt_wrap input{height:48px;line-height:48px;}
.list_search .search_txt_wrap a{position:absolute;right:0;top:0;padding:0 20px;}


.list_more{margin-top:90px;}
.list_more a{display:inline-block;zoom:1;*display:inline;width:72px;height:72px;line-height:72px;border:solid 1px #c7c7c7;font-weight:400;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}


#content_pop{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;z-index:9999;display:none;background:rgba(0,0,0,0.7);}
#content_pop > div{position:relative;z-index:100;}
#content_pop .c_p_wrap{position:relative;max-width:1500px;margin:100px auto;}
#content_pop .c_p_wrap.fix .view_top{position:fixed;width:100%;left:0;top:0;z-index:10;overflow-y:scroll}
#content_pop h2{padding:30px 0;}
#content_pop .view_top{position:absolute;top:0;left:0;width:100%;z-index:10;-webkit-transform: translateZ(0);}
#content_pop .view_top > div{position:relative;max-width:1498px;margin:0 auto;border:1px solid #d6d6d6;background:#fff;}
#content_pop .view_top .view_title{position:relative;font-size:18px;line-height:20px;padding:20px 280px 20px 69px;text-align:left;}
#content_pop .view_top .btn_list{position:absolute;left:0;top:0;height:100%;width:58px;border-right:solid 1px #d6d6d6;font-size:0;color:#fff;text-indent:-9999px;}
#content_pop .view_top .right_cont{position:absolute;right:0;top:0;height:100%;}
#content_pop .view_top .right_cont span{position:absolute;right:190px;top:50%;margin-top:-7px;width:90px;}
#content_pop .view_top .right_cont a{position:absolute;top:0;height:100%;font-size:0;text-indent:-99999px;}
#content_pop .view_top .right_cont .sns01{right:112px;width:53px;border-left:solid 1px #d6d6d6;border-right:solid 1px #d6d6d6;}
#content_pop .view_top .right_cont .sns02{right:59px;width:54px;border-right:solid 1px #d6d6d6;}
#content_pop .view_top .right_cont .pop_close{right:0;width:59px;}
#content_pop .c_p_con{position:relative;border:1px solid #e2e4e6;border-top:none;background:#fff;padding-top:60px}
#content_pop .c_p_con .p_content{font-size:14px;color:#666;line-height:22px;}
#content_pop .c_p_con .p_content .cont{position:relative;padding:30px 65px 70px;text-align:left;text-align:center;}
#content_pop .c_p_con .p_content .cont .move_btn a{position:absolute;top:50%;width:58px;margin-top:-30px;border:1px solid #e2e4e6;-webkit-transform: translateZ(0);}
#content_pop .c_p_con .p_content .cont .move_btn a.left{left:0;border-left:none;}
#content_pop .c_p_con .p_content .cont .move_btn a.right{right:0;border-right:none;}
#content_pop .c_p_con .p_content .cont .move_btn a.fix{position:fixed;left:0;}
#content_pop .c_p_con .p_content .cont p a {text-decoration:underline !important;}


.number_format{height:18px;}
.number_format > div{position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;letter-spacing:normal;height:18px;line-height:18px;}
.number_format > div > p{position:relative;top:0;left:0;}
.number_format > div > p > span{display:block;}


/* main */
.sectionWrap .section{display:none;}
.sectionWrap .section.active{display:block}
.sectionWrap .section .secBg{display:none;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100%;z-index:10;}
.sectionWrap .section.activeCall .secBg{display:block}
.sectionWrap .section .drawBg{position:absolute;top:0;left:0;width:0;height:100%;background:#24283c;z-index:30;}
.sectionWrap .section .txtBox{position:relative;padding-left:14.2%;color:#fff;line-height:1;width:80%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.sectionWrap .section .txtBox h2{opacity:0;font-size:85px;margin-bottom:51px;margin-left:-50%;text-shadow: 0 0 10px #666}
.sectionWrap .section .txtBox .line{position:relative;opacity:0;display:block;width:100%;height:1px;margin-left:-100%;overflow:hidden}
.sectionWrap .section .txtBox .line em{display:block;position:absolute;top:0;width:100%;height:1px;background:#5FABD5}
.sectionWrap .section .txtBox h3{position:relative;opacity:0;font-size:26px;margin-top:41px;top:40px}
.sectionWrap .section .txtBox .txt{position:relative;opacity:0;font-size:18px;margin-top:22px;color:#fff;top:50px;text-shadow: 1px 1px 2px #000}


#main{position:relative;max-width:1920px;margin:0 auto}


#main_visual{position:relative;height:1002px;;overflow:hidden}
#main_visual .visual_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#000}
#main_visual .visual_wrap > div{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0;background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#main_visual .visual_wrap > div.visual01{background-image:url(http://corecross2.cafe24.com//base/img/A-01.jpg); background-attachment: fixed}
#main_visual .visual_wrap > div.visual02{background-image:url(http://corecross2.cafe24.com//base/img/A-01.jpg); background-attachment: fixed}
.bg-gradient {background: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0)); height: 1002px;}
#main_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background:#000;z-index:50}
#main_visual .big_wrap > div{display:none}
#main_visual .big_wrap{position:absolute;top:245px;left:0;width:100%}
#main_visual .txt_cell{position:absolute;top:0;left:0;width:100%}
#main_visual .txt_cell p{color:#fff;font-size:100px;font-weight:400;text-shadow:1px 1px 5px #000;}
#main_visual .txt_cell p.cell03{font-size:1.25rem;font-weight:300; text-shadow: 1px 1px 1px #555;}
#main_visual .txt_cell p.border{border-bottom: 1px solid #5FABD5;margin:0 50px 1em;width:200px;font-size:2rem}
#main_visual .page{position:absolute;bottom:200px;left:0;width:100%;z-index:10}
#main_visual .page .btn_data > div{cursor:pointer}
#main_visual .page .txt01{font-size:26px;color:#fff;font-weight:400}
#main_visual .page .txt02{font-size:14px;color:#bbb;line-height:20px;margin-top:8px}
#main_visual .page .thumb{position:absolute;width:78px;height:78px;top:50%;left:50%;margin-left:-39px;margin-top:-39px;overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#main_visual .page .thumb > div{position:absolute;top:0;left:0;width:100%;height:100%}
#main_visual .page .thumb > div div{display:block;position:absolute;width:10px;height:10px}
#main_visual .page .thumb > div div span{display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background:#fff}
#main_visual .page .thumb > div.line{width:118px;height:118px;top:50%;left:50%;margin-top:-59px;margin-left:-59px}
#main_visual .page .thumb .icon{z-index:5}
#main_visual .page .thumb .icon p{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#main_visual .page .thumb .icon p.on{opacity:0}
#main_visual .page .thumb .icon p.off{opacity:1}
#main_visual .page .thumb .icon img{width:100%;height:100%}
#main_visual .page .txt{position:absolute;width:220px;left:50%;margin-left:-110px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#main_visual .page .btn01{position:absolute;bottom:0!important;left:50%;width:78px;height:78px;margin-left:-380px}
#main_visual .page .btn02{position:absolute;bottom:0!important;left:50%;width:78px;height:78px;margin-left:-39px}
#main_visual .page .btn03{position:absolute;bottom:0!important;left:50%;width:78px;height:78px;margin-left:330px}
#main_visual .page .btn_data > div.first{position:absolute;bottom:0;left:-78px;width:78px;height:78px;cursor:default}
#main_visual .page .btn_data > div.last{position:absolute;bottom:0;left:100%;width:78px;height:78px;cursor:default}
#main_visual .page .btn01 .txt{bottom:-84px; color:#fff}
#main_visual .page .btn02 .txt{bottom:-84px; color:#fff}
#main_visual .page .btn03 .txt{bottom:-84px; color:#fff}
#main_visual .page .btn_data > div.hover .thumb,
#main_visual .page .btn_data > div.current .thumb{width:118px;height:118px;margin-left:-59px;margin-top:-59px;}
#main_visual .page .btn_data > div.hover .icon p.on,
#main_visual .page .btn_data > div.current .icon p.on{opacity:1}
#main_visual .page .btn_data > div.hover .icon p.off,
#main_visual .page .btn_data > div.current .icon p.off{opacity:0}
#main_visual .page .btn_data > div.hover.btn01 .txt,
#main_visual .page .btn_data > div.current.btn01 .txt{bottom:-64px; color:#529CC7}
#main_visual .page .btn_data > div.hover.btn02 .txt,
#main_visual .page .btn_data > div.current.btn02 .txt{bottom:-64px; color:#529CC7}
#main_visual .page .btn_data > div.hover.btn03 .txt,
#main_visual .page .btn_data > div.current.btn03 .txt{bottom:-64px; color:#529CC7}


#main_visual .page_line{position:absolute;top:0;left:0;width:100%;z-index:0}
#main_visual .page_line p{position:absolute;height:1px;background:#fff;opacity:0.2;overflow:hidden}
#main_visual .page_line p span{display:block;position:absolute;top:0;right:-100px;width:100px;height:100%;background:#5fabd5}


#main_visual .bottom_line{position:absolute;bottom:0;left:0;width:100%;height:16px;}


#LOAD_BAR{position:absolute;bottom:194px;left:0;width:0;height:1px;background:#fff;z-index:55;opacity:0.2}


.main_headline{padding:100px 20px 110px 20px}
.main_headline h2{font-size:80px;font-weight:300;color:#333}
.main_headline h3{font-size:36px;font-weight:300;color:#666;margin-top:5px}
.main_headline .info{font-size:16px;color:#666;line-height:24px;margin-top:10px}
.main_headline .btn_more{margin-top:20px}
.main_headline a{display:inline-block;zoom:1;*display:inline;font-size:16px;font-weight:400;text-align:center;line-height:43px;padding:0 20px;border:1px solid #d6d6d6;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px}


.main_customer > ul{max-width:1820px;padding:0 50px;margin:0 auto;overflow:hidden}
.main_customer > ul > li{float:left;width:25%;position:relative;}
.main_customer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index:5}
.main_customer .obj{overflow:hidden}
.main_customer .obj img{width:100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.main_customer .hover_item:hover .bg{background-color:rgba(0,0,0,0.6)}
.main_customer .hover_item .btn_more{position:absolute;top:50%;left:0;width:100%;height:60px;margin-top:-30px;overflow:hidden;z-index:10}
.main_customer .hover_item .btn_more span{display:block;font-size:36px;color:#fff;line-height:60px;font-weight:700;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.main_customer .hover_item .btn_more span.first{font-size:24px;font-weight:400}
.main_customer .hover_item:hover .btn_more .first{margin-top:-60px}
.main_customer .bx-controls{position:absolute;bottom:20px;right:0;display:block;width:100%;text-align:center;height:11px;overflow:hidden;z-index:100}
.main_customer .bx-controls .bx-pager-item{display:inline-block;width:11px;height:11px;margin:0 4px}
.main_customer .bx-controls .bx-pager-item a{display:block;width:11px;height:11px;overflow:hidden;color:rgba(0,0,0,0);font-size:0;text-indent:-9999px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.main_customer .bx-controls .bx-pager-item a.active{background:#49a4d6}


/* tplus */
#container.tplus{padding-top:0}


.tplus01{height:974px; background: #ddd}
.tplus01 .txt_wrap{padding-top:210px}
.tplus01 .txt01{font-size:32px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow: 1px 1px 5px #000;position:absolute;top:50%;left:0;margin-top:-16px;width:100%;transition: 0.5s}
.tplus01 .txt02{font-size:86px;font-weight:700;letter-spacing:1px;color:#5fabd5;margin-top:40px}
.tplus01 .txt03{font-size:16px;color:#fff;line-height:24px;margin-top:40px}
.tplus01 .hover-view {opacity: 0; transition: 1s; width:100%;height: 100%; position: absolute;top: 0%;padding-top: 20%; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)); color: #fff;}
.tplus01 .hover-view span {display: block; font-size: 40px;font-weight: bold; margin-bottom: 1em}
.tplus01 [class*='about']{float: left; position: relative}
.tplus01 [class*='about']:hover .hover-view{opacity: 1}
.tplus01 [class*='about']:hover .txt01{opacity: 0}


/* media */
.jt_grid_container {padding: 0 ; min-height: 50vh;}
.jt_grid {display: block;width: 100%; position: relative}
.jt_grid:after {content: '';display: block;clear: both;}
.jt_grid_item {width: 50%;}
.jt_grid_item {overflow:hidden;float: left;}
.jt_grid_thumb {position: relative;overflow: hidden;height: 50vh}
.jt_grid_thumb img {display: block;width: 100%;height: auto;vertical-align: bottom; -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg); -webkit-transition: all 6s; transition: all 6s;}
.jt_grid_thumb_border {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0; border: 0px solid transparent; transition: border 300ms ease; }
.jt_grid_item:hover img {-ms-transform: scale(1.1) rotate(0.1deg); -webkit-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); }
.jt_grid_item:hover .jt_grid_thumb_border {border: 8px solid #5fabd5; }


.tplus02{padding:100px 0;background-image:url(http://corecross2.cafe24.com//base/img/bg_company.jpg);overflow:hidden; background-attachment: fixed}
.tplus02 .bg-gradient {margin-top: -170px;}
.tplus02 .data_wrap{max-width:1120px;padding-top:150px}
.tplus02 .txt_wrap{width:100%;}
.tplus02 .txt01{font-size:60px;color:#fff;font-weight:100;line-height:1.5; margin-top: 70px}
.tplus02 .txt01 span{color:#b09561}
.tplus02 .txt02{font-size:24px;color:#fff;line-height:2;margin-top:15px;word-break:keep-all; font-weight: 400}
.tplus02 .txt03{font-size:16px;margin-bottom:30px;color: #ccc;line-height: 1.5}
.tplus02 .txt04{margin-top:20px}
.tplus02 .obj{position:absolute;bottom:7%;left:55%;margin-left:185px; margin-bottom: -76px}
.tplus02 .obj2{position:absolute;bottom:7%;right:65%; margin-bottom: -76px}


.tplus03{height:1500px;background-image:url(http://corecross2.cafe24.com//base/img/tplus03_bg.jpg)}
.tplus03 .data_wrap{max-width:1440px;margin:0 auto}
.tplus03 .data_wrap .txt_wrap .txt01{font-size:90px;color:#333;font-weight:100;padding:200px 0 150px}
.tplus03 .line_obj > div{position:absolute}
.tplus03 .line_obj .txt{position:absolute;width:310px;text-align:left;word-break:keep-all;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.tplus03 .line_obj .txt01{font-size:40px;color:#fff;font-weight:100}
.tplus03 .line_obj .txt02{font-size:15px;color:#999;line-height:24px;margin-top:10px}
.business .img-wrap {overflow: hidden;width: 100%;}
.business>div {float:left; width:25%; position: relative; margin-bottom:8%}
.business div img {display: block;width: 100%;height: auto;vertical-align: bottom; -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg); -webkit-transition: all 3s; transition: all 3s;}
.business [class*='biz']:hover p {color: #49a4d6}
.business [class*='biz']:hover img {-ms-transform: scale(1.1) rotate(0.1deg); -webkit-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); }
.business [class*='biz']:hover .txt-wrap {border-bottom: 3px solid #49a4d6}
.business .txt-wrap {width:90%; background: #fff; height: 150px; position: absolute; left: 5%; bottom: -80px;box-sizing: border-box}
.business div p {width:100%; font-size: 1.5rem; font-weight: 400; padding-top: 2em}
.business div span {width:100%; font-size: 1rem; font-weight: 400; display: block;line-height: 2}


.list_wrap {width:100%; max-width:1440px; overflow-x:scroll; padding-top:60px;}
.list_wrap .img_list {width: calc(280 * 6px); overflow:hidden}
.list_wrap .img_list img {height: 158px; float: left; margin-right: 10px}
.list_wrap .img_list2 img {height: 275px;}
.link_hoze a:hover {text-decoration: underline;}
.list_hoze {border-bottom: 1px solid #333;margin-bottom: 25px}
.list_hoze ul {border-top: 1px solid #ccc; overflow: hidden; }
.list_hoze ul li {font-size: 1rem; line-height:1.5; padding:15px 0; display:block}
.list_hoze ul li:first-child {font-weight:bold; color:#333; float:left; width:40%}
.list_hoze ul li:last-child {color:#777; float: left; width:60%}
.list_hoze.new ul {display:flex;}
.list_hoze.new ul li.title {width:20%;}
.list_hoze.new ul li.text {width:60%;}
.list_hoze.new ul li.tel {width:20%; text-align:center;}


.mt50 {margin-top: 50px}
.list_lamar {border-bottom: 1px solid #333;margin-bottom: 25px}
.list_lamar ul {border-top: 1px solid #ccc; overflow: hidden; }
.list_lamar ul li {font-size: 1rem; line-height:1.5; padding:15px 0; display:block}
.list_lamar ul li a {font-size: 1rem; line-height:1.5; padding:5px 15px; color:#5FABD5; border: 1px solid #5FABD5; border-radius: 4px}
.list_lamar ul li a:hover {color:#fff; background:#5FABD5}
.list_lamar ul li:first-child {font-weight:bold; color:#333; float:left; width:25%}
.list_lamar ul li:nth-child(2) {color:#777; float: left; width:50%}
.list_lamar ul li:last-child {float: left; width:25%}




.tplus04{padding:100px 0 0 0;background-image:url(http://corecross2.cafe24.com//base/img/bg-history.jpg);min-height: 156vh}
.tplus04 .data_wrap{max-width:1400px}
.tplus04 .txt01{font-size:72px;color:#333;line-height:90px;font-weight:100;color:#333;letter-spacing:-4px}
.tplus04 .txt01 em{color:#b09561}
.tplus04 .txt02{font-size:24px;color:#333;font-weight:400}
.tplus04 .txt03{font-size:15px;line-height:24px;margin-top:5px}
.tplus04 .Re_list{margin-top:80px}
.tplus04 .Re_list > li{width:25%;text-align:left}
.tplus04 .number_data{color:#333}
.tplus04 .number_data > span{font-size:24px;vertical-align:bottom;font-weight:400;}
.tplus04 .number_format{height:120px;font-size:120px;font-weight:100;display:inline-block;}
.tplus04 .number_format > div{height:120px;line-height:120px;}
.tplus04 .txt_data{padding-left:15px;border-left:1px solid #c7c7c7;margin-top:25px;padding-right:30px}


.tplus05{padding:0;}
.tplus05 .txt01{font-size:90px;color:#333;font-weight:100;line-height:72px;padding:100px 0}
.tplus05 .txt02{font-size:15px;line-height:22px;margin-top:15px}
.tplus05 .year_slide{height:162px;cursor: move;}
.tplus05 .year_slide .num_data{position:absolute;bottom:0;left:0;width:100%;padding-bottom:37px}
.tplus05 .year_slide .num_data:after{content:'';position:absolute;bottom:2px;left:50%;width:10px;height:10px;margin-left:-5px;background:#545454;overflow:hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.tplus05 .year_slide .num{font-size:44px;color:#999;font-weight:100;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.tplus05 .year_slide .txt{font-size:18px;color:#999;margin-top:15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.tplus05 .year_slide .swiper-slide-active .num{font-size:90px;color:#fff;font-weight:700}
.tplus05 .year_slide .swiper-slide-active .txt{font-size:24px;color:#b09561;font-weight:400}
.tplus05 .year_slide .swiper-slide-active .num_data:after{width:14px;height:14px;margin-left:-7px;bottom:0;background-color:#5fabd5}


.tplus05 .year_slide .parallax-bg{position:absolute;bottom:7px;left:0;width:150%;height:21px;background-position:left bottom;background-repeat:repeat-x}
.tplus05 .year_data_slide{margin-top:50px}
.tplus05 .year_data{font-size:15px;color:#bbb;line-height:24px;text-align:left;max-width:450px;margin:0 auto;}
.tplus05 .year_data p{position:relative;font-size:16px;color:#bbb;line-height:20px;margin-top:5px;padding-left:15px;}
.tplus05 .year_data p:before{position:absolute;top:6px;left:0;content:'';display:block;width:7px;height:7px;background:#999;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.tplus05 .year_data p:first-child{margin-top:0}


.tplus05 .year_data em{color:#c4a66c}
.tplus05 .swiper-button-group{position:absolute;top:50%;left:50%;width:606px;margin-left:-303px;margin-top:-26px}
.tplus05 .swiper-button-prev{width:28px;height:52px;left:0;right:auto;}
.tplus05 .swiper-button-next{width:28px;height:52px;right:0;left:auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0}


.tplus06{padding:150px 0 90px 0}
.tplus06 .logo_data{margin-top:50px}
.tplus06 .logo_data:first-child{margin-top:0}
.tplus06 .txt01{font-size:60px;color:#333;font-weight:100;line-height:72px;padding:50px 0}
.tplus06 .txt02{font-size:15px;line-height:22px;margin-top:15px}
.tplus06 .txt03{font-size:20px;font-weight:700;margin-top:28px}
.tplus06 .txt04{font-size:15px;line-height:22px;margin-top:5px}
.tplus06 .btn_data{margin-top:25px}


.tplus07 {background:#fafafa; padding-bottom: 50px}
.tplus07 .map_wrap{background:#f5f5f5;height:500px}
.tplus07 .txt01{font-size:90px;color:#333;font-weight:100;line-height:72px;padding:100px 0 50px}
.tplus07 .txt02{font-size:14px;line-height:20px;margin-top:10px}
.tplus07 .txt03{font-size:16px;color:#333;font-weight:400}
.tplus07 .txt03:first-child{margin-top:0}
.tplus07 ul{margin-top:50px}
.tplus07 ul{*zoom:1}
.tplus07 ul:after {content:" ";display:block;clear:both;overflow:hidden}
.tplus07 ul li{float:left;width:24.9%;text-align:center}
.tplus07 ul li div{padding:0 20px;border-left:1px solid #cacaca}
.tplus07 ul li:first-child div{border-left:none}




/* company-history */
.timeline {display: table; border-spacing: 0; table-layout: fixed; position: relative; border-collapse: collapse; margin-top: 1em; margin: 0 auto;}
.timeline:before {content: ""; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 0; bottom: 30px; background-color: #ddd;z-index: 0;}
.timeline .timeline-date {position: absolute;width: 150px;left: -200px;top: 50%;margin-top: -19px;text-align: right;color: #0098E1;font-size: 32px;font-weight: 400}
.timeline .timeline-icon {position: absolute;left: -31px;top: 50%; margin-top: -6px;}
.timeline .time-icon {width: 12px;height: 12px;display: inline-block !important;z-index: 10;background: #0098E1;border-radius: 50%;}
.timeline .time-icon:before {font-size: 16px;margin-top: 5px;}
.timeline-item {display: table-row; text-align: left;}
.timeline-item:before,
.timeline-item.alt:after {content: "";display: block;width: 50%;}
.timeline-item.alt {text-align: right;}
.timeline-item.alt:before {display: none;}
.timeline-item .panel {display:inline-block;position:relative;margin-left:25px;text-align:left;border-color:#e8e8e8;margin-bottom:40px;border-radius:2px;background-color:#fff;box-shadow:0px 0px 25px #ddd;}
.timeline-item.alt .panel {margin-right: 25px;margin-left: 0;}
.timeline-item.alt .timeline-date {left: auto;right: -200px;text-align: left;}
.timeline-item.alt .timeline-icon {left: auto;right: -31px;}
.timeline-caption {display: table-cell;vertical-align: top;width: 50%;}
.timeline-caption .panel-body { padding: 2em;}
.timeline-caption h5 {margin: 0;font-size: 1em;line-height: 1.5;padding-left: 1em;background: url('http://corecross2.cafe24.com//base/img/icon-bullet.svg') no-repeat 0 8px;background-size: 10px 10px;}
.arrow.left {top: 50%; left: -8px; margin-top: -8px; border-left-width: 0; border-right-color: #fff;}
.arrow.right {top: 50%; right: -8px; margin-top: -8px; border-right-width: 0; border-left-color: #fff;}
.arrow, .arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.arrow {border-width: 8px;z-index: 10;}


@media screen and (max-width:768px){
.timeline {display: block; }
.timeline:before {content: ""; background-color: none;}
.timeline .timeline-date {position: relative;width: 100%;left: 0px;top: 0%;margin-top: 0px;font-size: 22px;}
.timeline .timeline-icon {position: relative;left: 0px;top: 0%; margin-top: 0px;}
.timeline .time-icon {width: 0px;height: 0px;background: none;}
.timeline-item {display: block;}
.timeline-item:before,
.timeline-item.alt:after {content: "";display: block;width: 100%;}
.timeline-item.alt {}
.timeline-item.alt:before {}
.timeline-item .panel {margin-left:0px;border-color:#e8e8e8;width:100%}
.timeline-item.alt .panel {margin-right: 0px;width:100%}
.timeline-item.alt .timeline-date {right: 0px;}
.timeline-item.alt .timeline-icon {right: 0px;}
.timeline-caption {display: block;width: 100%;}
.timeline-caption .panel-body { }
.timeline-caption h5 {}
.arrow.left {border-right-color: rgba(255,255,255,0)}
.arrow.right {border-left-color: rgba(255,255,255,0)}
.arrow, .arrow:after {}
.arrow {}


}


/* healthcare */
#container.healthcare{padding-top:0}


.healthcare01{height:650px;background-image:url("http://corecross2.cafe24.com//base/img/health01_bg.jpg");background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment: fixed}
.healthcare01 .txt_wrap{padding-top:190px}
.healthcare01 .txt01{font-size:32px;font-weight:700;letter-spacing:1px;color:#fff;}
.healthcare01 .txt02{font-size:86px;font-weight:300;color:#fff;margin-top:40px; text-align: center;text-shadow: 1px 1px 1px #555}
.healthcare01 .txt03{font-size:16px;color:#fff;line-height:1.5;margin-top:40px;text-align: center; }
.healthcare01 .line_obj{position:relative;margin:45px auto 0 auto;max-width:672px; margin-top: 100px}
.healthcare01 .line_obj > div{position:absolute;top:0;left:50%;width:118px;height:118px;}
/*.healthcare01 .line_obj > div::before{content: "";position: absolute;top: -49.6px;left: 0;width: 0;height: 0;border-left: 100px solid transparent;border-right: 100px solid transparent;border-bottom: 50px solid #1B2A5D;}
.healthcare01 .line_obj > div::after{content: "";position: absolute;bottom: -49.6px;left: 0;width: 0;height: 0;border-left: 100px solid transparent;border-right: 100px solid transparent;border-top: 50px solid #1B2A5D;}*/
.healthcare01 .line_data p{position:absolute;height:1px}
.healthcare01 .line_data p span{position:absolute;top:0;right:0;width:100%;height:1px;background:#fff;opacity:0.2}




.more_con{padding:150px 0 0 0}
.more_con .txt_wrap.tech-reset02{max-width: 1360px}
.more_con .txt_wrap .txt01{font-size:72px;color:#333;font-weight:300;margin-bottom: 0.5em}
.more_con .txt_wrap .txt02{font-size:16px;line-height:24px;margin-top:10px}
.more_con .txt_wrap ul{*zoom:1;margin:50px auto 0 auto; padding: 0 50px}
.more_con .txt_wrap ul:after {content:" ";display:block;clear:both;overflow:hidden}
.more_con .txt_wrap ul li{float:left;width:25%}
.healthcare03 .txt_wrap ul li{width:50%}
.more_con .txt_wrap ul li div{padding:0 20px;text-align:left}
.more_con .txt_wrap ul li div p{text-align:center}
.more_con .txt_wrap ul li div p a{color: #fff; font-weight: 700; font-size: 1.25rem; text-shadow: 1px 1px 2px #999;width: 100%;display: block;line-height: 4}
.more_con .txt_wrap .txt03{font-size:36px;color:#333;font-weight:700;margin-top:60px;line-height:36px}
.more_con .txt_wrap .txt03 span{font-size:24px;font-weight:300}
.more_con .txt_wrap .txt05{font-size:16px;line-height:24px;margin-top:10px;}
.more_con .txt_wrap .txt05 em{color:#5DA3C9}
.more_con .txt_wrap .btn_more{position:relative;padding-bottom:137px;width:72px}
.more_con .txt_wrap .btn_more a{display:block;font-size:16px;line-height:72px;width:72px;text-align:center;background:#fff;border:1px solid #c7c7c7;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.more_con .txt_wrap .btn_more a:hover,
.more_con .txt_wrap .btn_more a.actived{background-color:#5fabd5;color:#fff;border-color:#5fabd5}
.more_con .txt_wrap .btn_more a:after{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:0;background:#e2e2e2;z-index:-1;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.more_con .txt_wrap .btn_more a:hover:after,
.more_con .txt_wrap .btn_more a.actived:after{height:100%}


.more_data{position:relative;background:#edeeed;margin-top: 2em}
.more_data > div{padding:110px 20px;}
.hie {overflow: hidden; margin: 0 320px;border-bottom: 1px dashed #ccc}
.hie .fl img {width: 80%;}
.hie .fl.wd6 img {width:100%}
.hie .fl.wd6 {text-align: left}
.fl {float: left;}
.wd4{width: 50%; height: 500px; margin-top: -50px!important; text-align: left}
.wd6{width: 50%; margin-top: 0px}
.wd3{width: 25%; height: 500px; margin-top: -50px!important; text-align: center}
.wd7{width: 75%; margin-top: 0px}
.more_data h2{font-size:32px;color:#333;font-weight:700;line-height: 1.5; text-align: left; margin-bottom: 1em}
.more_data h3{font-size:26px;color:#333;font-weight:700;line-height: 1.5}
.more_data .title_info{font-size:26px;color:#333;font-weight:300;margin-top:10px}
.more_data .txt01{font-size:16px;color:#333;margin-bottom:40px;line-height:1.5;text-align:justify;}
.more_data .txt02{font-size:16px;color:#333;margin-top:10px;line-height:24px}
.more_data .txt03{*zoom:1;margin:40px auto 0 auto;max-width:410px;padding:0 30px;border-top:1px solid #b2b2b2}
.more_data .txt03:after {content:" ";display:block;clear:both;overflow:hidden}
.more_data .txt03 li{float:left}
.more_data .txt03 li div{position:relative;font-size:16px;line-height:24px;font-weight:400;padding-top:20px;margin:0 15px}
.more_data .txt03 li div:after{content:'';display:block;width:14px;height:14px;position:absolute;top:-7px;left:50%;margin-left:-7px;background:#5fabd4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.more_data .txt04{*zoom:1;margin:35px auto 0 auto;max-width:872px}
.more_data .txt04:after {content:" ";display:block;clear:both;overflow:hidden}
.more_data .txt04 li{float:left;width:50%}
.more_data .txt04 li > div{padding:0 30px}
.more_data .txt04 dl{padding:40px 35px 0 35px;text-align:left}
.more_data .txt04 dl dt{font-size:24px;color:#333;font-weight:700;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #b4b4b4}
.more_data .txt04 dl dd{position:relative;padding-left:0;font-size:14px;line-height:20px;margin-top:12px}
/*.more_data .txt04 dl dd:after{content:'';display:block;width:7px;height:7px;position:absolute;top:5px;left:0;background:#5fabd4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}*/
.more_data .txt05{margin-top:45px}
.more_data .txt05 span{display:block;font-size:14px;line-height:18px;font-weight:400;margin-top:7px}
.more_data .txt06{margin-top:50px}
.more_data .txt07{*zoom:1;margin:50px auto 0 auto;max-width:705px}
.more_data .txt07:after {content:" ";display:block;clear:both;overflow:hidden}
.more_data .txt07 li{float:left;width:50%}
.more_data .txt07 li div{padding:0 30px}
.more_data .txt07 dl{margin-top:20px;text-align:left}
.more_data .txt07 dl:first-child{margin-top:0}
.more_data .txt07 dt{font-size:18px;color:#333;font-weight:400;line-height:28px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #b2b2b2}
.more_data .txt07 dd{position:relative;padding-left:0;font-size:14px;line-height:20px;margin-top:7px}
/*.more_data .txt07 dd:after{content:'';display:block;width:7px;height:7px;position:absolute;top:5px;left:0;background:#5fabd4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}*/


.more_data .btn_close{position:absolute;top:30px;right:30px}


.healthcare02 .more_data .txt03{max-width:410px;padding:0 30px}
.healthcare02 .more_data .txt03 li{width:33.33%}


.tech-reset02 ul div p {background: #e5e5e5; border: 1px solid #ccc}
.tech-reset02 ul div:hover p,
.ui-state-active div p{background: #5fabd5!important;}
.healthcare03{height:1000px;padding-top:0;}
.healthcare03 p{font-weight: 300; text-align: left; line-height: 1.5}
.healthcare03 .txt_wrap{padding-top:190px}
.healthcare03 .txt_wrap.tech-reset01{max-width: 825px; margin-left: 5%}
.healthcare01 p{font-weight: 300; text-align: left; line-height: 1.5}
.healthcare03 .txt01{font-size:24px;letter-spacing:1px;margin-top: 1em}
.healthcare03 .txt02{font-size:38px;margin-bottom: 1em; color: #444}
.healthcare03 .txt03{font-size:18px;margin-top:40px;text-align:left}
.healthcare03 .txt03 .regul{font-weight: 400}
.healthcare03 .txt_wrap .btn_more{padding-bottom:165px}
.healthcare03 .more_data .pacs .txt03{max-width:410px;padding:0 30px}
.healthcare03 .more_data .pacs .txt03 li{width:33.33%}
.healthcare03 .more_data .dose .txt03{max-width:550px;padding:0 30px}
.healthcare03 .more_data .dose .txt03 li{width:25%}


.healthcare04{padding-top:150px}
.healthcare04 .txt01{font-size:36px;color:#333;font-weight:400}
.healthcare04 .txt02{font-size:16px;line-height:24px;margin-top:10px}
.healthcare04 .txt03{margin-top:45px}
.healthcare04 .pipe_wrap{position:relative;padding-bottom:100px;}
/*.healthcare04 .pipe_wrap .bg{position:absolute;top:0;left:0;width:100%;height:46px;z-index:0}*/
.healthcare04 .pipe_data .desk{position:relative;display:block;max-width:1012px;margin:0 auto}
.healthcare04 .pipe_data .mobile{display:none}
.healthcare04 .pipe_data .desk p{position:absolute;
-webkit-animation-name: rotate;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease
}
.healthcare04 .pipe_data .desk p.cir01{top:217px;left:50px}
.healthcare04 .pipe_data .desk p.cir02{top:118px;left:267px}
.healthcare04 .pipe_data .desk p.cir03{top:90px;left:483px}
.healthcare04 .pipe_data .desk p.cir04{top:177px;left:483px}
.healthcare04 .pipe_data .desk p.cir05{top:222px;left:483px}
.healthcare04 .pipe_data .desk p.cir06{top:264px;left:483px}
.healthcare04 .pipe_data .desk p.cir07{top:304px;left:483px}
.healthcare04 .pipe_data .desk p.cir08{top:352px;left:426px}
.healthcare04 .pipe_data .desk p.cir09{top:162px;left:294px}
.healthcare04 .pipe_data .desk p.cir010{top:83px;left:659px}
.healthcare04 .pipe_data .desk p.cir011{top:177px;left:659px}
.healthcare04 .pipe_data .desk p.cir012{top:90px;left:757px}
.healthcare04 .pipe_data .desk p.cir013{top:153px;left:898px}
.healthcare04 .pipe_data .desk p.cir014{top:186px;left:974px}
.healthcare04 .pipe_data .desk p.cir015{top:381px;left:508px}




@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}




.healthcare05{padding-top:150px; background: #eee}
.healthcare05 .txt01{font-size:36px;color:#333}
.healthcare05 .txt02{font-size:60px;line-height:70px;margin-top:60px;font-weight:100;color:#333;letter-spacing:-4px}
.healthcare05 .txt02 em{color:#b09561}
.healthcare05 .txt03{font-size:18px;line-height:26px;margin-top:35px}


.healthcare05 .txt04{*zoom:1;margin:30px auto 0 auto;max-width:1000px}
.healthcare05 .txt04:after {content:" ";display:block;clear:both;overflow:hidden}
.healthcare05 .txt04 li{float:left;/*width:16.666%*/}
.healthcare05 .txt04 li p{border:1px solid #e2e2e2;margin-top:-1px;margin-left:-1px}




/* ict */
#container.ict{padding-top:0}


.ict h3{font-size:72px;font-weight:300;}
.ict01{height:650px;background-image: url(http://corecross2.cafe24.com//base/img/media_bg.jpg);background-attachment: fixed;}
.ict01 h3{padding-top:280px;color:#fff;}
.ict01 .txt01{margin-top:41px;font-size:86px;color:#ceb483;font-weight:700;}
.ict01 .txt02{margin-top:35px;color:#cacaca;line-height:24px;}
.ict01 .line_obj{position:relative;margin:45px auto 0 auto;max-width:672px;z-index:10}
.ict01 .line_obj > div{position:absolute;top:0;left:50%;width:110px;height:110px;font-size:15px;color:#fff;line-height:22px;background:#5fabd5;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.ict01 .line_obj > div.obj01{top:0px;left:0px}
.ict01 .line_obj > div.obj02{top:102px;left:147px}
.ict01 .line_obj > div.obj03{top:0px;left:280px}
.ict01 .line_obj > div.obj04{top:102px;left:423px}
.ict01 .line_obj > div.obj05{top:0px;left:561px}
.ict01 .line_data p{position:absolute;height:1px}
.ict01 .line_data p span{position:absolute;top:0;right:0;width:100%;height:1px;background:#fff;opacity:0.2}


.ict02{margin:0 auto;padding:120px 0 0px;}
.ict02 table.listview {min-width:960px; max-width:1440px; margin: auto}
.ict02 table.listview thead {border-bottom: 1px solid #ccc; border-top: 1px solid #666;}
.ict02 table.listview thead th {padding: 15px; font-weight: 500; background: #f5f5f5}
.ict02 table.listview tbody td {padding: 15px; text-align: center; border-bottom: 1px solid #ccc;vertical-align: baseline;}
.ict02 table.listview tbody td a:hover {color: #5fabd5; text-decoration: underline}
.ict02 h3{color:#333;}
.ict02 .txt01{margin-top:15px;line-height:24px;}
.ict02 .service_wrap{margin-top:45px;overflow:hidden;}
.ict02 .service_wrap li{width:23.125%;float:left;text-align:left;margin-left:2.5%;}
.ict02 .service_wrap li:first-child{margin-left:0;}
.ict02 .service_wrap li dl dt{padding:20px 0;border-bottom:solid 1px #c7c7c7;font-size:20px;color:#333;font-weight:400;}
.ict02 .service_wrap li dl dd{position:relative;padding-left:17px;margin-top:9px;font-size:14px;line-height:18px;}
.ict02 .service_wrap li dl dd:before{content:"";display:block;width:7px;height:7px;position:absolute;left:0;top:5px;background:#9dcde8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.ict02 .txt02{margin-top:170px;font-size:30px;color:#333;font-weight:400}
.ict02 .obj01{margin-top:43px;}
.ict02 .txt03{margin-top:39px;line-height:24px;}
.ict02 .txt04{position:relative;display:table;height:290px;width:290px;margin:15px auto 0;padding-top:60px;}
.ict02 .txt04:before{position:absolute;left:50%;top:0;content:"";display:block;width:1px;height:60px;margin-left:-0.5px;background:#d6d6d6;}
.ict02 .txt04 > span{display:table-cell;*display:block;vertical-align:middle;color:#fff;font-size:14px;line-height:24px;background:#707070;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}


.pagination {display: inline-block; padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;font-family: 'Noto Sans KR'}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {background-color: #eeeeee;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #ffffff;cursor: default;background-color: #5fabd5;border-color: #5fabd5;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #999999;cursor: not-allowed;background-color: #ffffff;border-color: #dddddd;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10p;font-size: 12px;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-bottom-left-radius: 3;border-top-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}


.ict03{height:1029px;}
.ict03 h3{padding-top:150px;color:#fff;}
.ict03 .txt01{margin-top:15px;font-size:30px;color:#fff;line-height:38px;}
.ict03 .txt02{margin-top:15px;color:#999;line-height:24px;}
.ict03 ul{max-width:438px;margin:50px auto 0;padding:0 20px;border-top:solid 1px #545454;}
.ict03 ul:after{content:"";display:block;clear:both;}
.ict03 ul li{position:relative;float:left;width:33.33%;padding-top:20px;color:#fff;font-weight:300;}
.ict03 ul li:before{position:absolute;left:50%;top:-6.5px;margin-left:-6.5px;content:"";display:block;width:13px;height:13px;background:#5fabd5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.ict03 .server_wrap{max-width:900px;margin:50px auto 0;overflow:hidden;}
.ict03 .server_wrap > div{width:50%;float:left;}
.ict03 .server_wrap div > div{margin:0 25px;text-align:left;}
.ict03 .server_wrap dl{margin-top:30px;}
.ict03 .server_wrap dl dt{font-size:36px;padding-bottom:10px;color:#fff;font-weight:700;}
.ict03 .server_wrap dl dt span{color:#5fabd5;}
.ict03 .server_wrap dl dd{position:relative;color:#999;line-height:28px;font-weight:400;}
.ict03 .server_wrap dl dd{padding-left:17px;}
.ict03 .server_wrap dl dd:before{position:absolute;top:10px;left:0;content:'';display:block;width:7px;height:7px;background:#999;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}


.ict04 h3{padding-top:150px;color:#333;letter-spacing:1px;}
.ict04 .txt01{margin-top:25px;font-size:72px;font-weight:100;color:#333;line-height:89px;letter-spacing:-4px}
.ict04 .txt01 > span{color:#b09561;}
.ict04 .reference_wrap .number_data{color:#333;}
.ict04 .reference_wrap .number_data > span{font-size:24px;vertical-align:bottom;font-weight:400;}
.ict04 .reference_wrap .number_format{height:120px;font-size:120px;font-weight:100;display:inline-block;}
.ict04 .reference_wrap .number_format > div{height:120px;line-height:120px;}
.ict04 .reference_wrap{max-width:900px;margin:30px auto 0;overflow:hidden;}
.ict04 .reference_wrap li{width:33.3%;float:left;text-align:left;}
.ict04 .reference_wrap li dl{margin-top:20px;padding-left:15px;border-left:solid 1px #c7c7c7;}
.ict04 .reference_wrap li dl dt{padding-bottom:10px;font-size:24px;color:#333;font-weight:400;}
.ict04 .reference_wrap li dl dd{font-size:15px;line-height:20px;}


.ict04 .history_wrap{margin-top:65px;}
.ict04 .history_wrap:after{content:"";display:block;clear:both;}
.ict04 .history_wrap .left{float:left;width:50%;margin-right:50%;text-align:right;}
.ict04 .history_wrap .left > div{padding-right:20px;}
.ict04 .history_wrap .right{float:left;width:50%;margin-left:50%;text-align:left;}
.ict04 .history_wrap .right > div{padding-left:20px;}
.ict04 .history_wrap > li{position:relative;}
.ict04 .history_wrap > li p{margin-bottom:20px;font-size:44px;color:#333;font-weight:100;}
.ict04 .history_wrap > li:before{position:absolute;top:18px;content:"";display:block;width:13px;height:13px;background:#5fabd5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.ict04 .history_wrap > li.left:before{right:0;margin-right:-7px;}
.ict04 .history_wrap > li.right:before{left:0;margin-left:-6px;}
.ict04 .history_wrap li ul li{line-height:24px;}


/* service */
#container.service{padding-top:0}


.service h3{font-size:32px;font-weight:400;}
.service01{height:1000px;}
.service01 h3{padding-top:190px;color:#fff;font-weight:700}
.service01 .txt01{margin-top:41px;font-size:86px;color:#ceb483;font-weight:700;}
.service01 .txt02{margin-top:35px;color:#cacaca;line-height:24px;}
.service01 .line_obj{position:relative;margin:45px auto 0 auto;max-width:672px;z-index:10}
.service01 .line_obj > div{position:absolute;top:0;left:50%;width:120px;height:120px;font-size:15px;color:#fff;line-height:22px;background:#5fabd5;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.service01 .line_obj > div.obj01{top:0px;left:0px}
.service01 .line_obj > div.obj02{top:102px;left:147px}
.service01 .line_obj > div.obj03{top:0px;left:280px}
.service01 .line_obj > div.obj04{top:102px;left:423px}
.service01 .line_obj > div.obj05{top:0px;left:561px}
.service01 .line_data p{position:absolute;height:1px}
.service01 .line_data p span{position:absolute;top:0;right:0;width:100%;height:1px;background:#fff;opacity:0.2}


.service02{padding:140px 0 165px;}
.service02 h3{color:#333;}
.service02 .txt01{margin-top:15px;line-height:24px;}
.service02 .service_step{margin-top:65px;}
.service02 .service_step:after{content:"";display:block;clear:both;}
.service02 .service_step .left{float:left;width:50%;margin-right:50%;text-align:right;}
.service02 .service_step .left > div{padding-right:20px;}
.service02 .service_step .right{float:left;width:50%;margin-left:50%;text-align:left;}
.service02 .service_step .right > div{padding-left:20px;}
.service02 .service_step > li{position:relative;}
.service02 .service_step > li:before{position:absolute;top:30px;content:"";display:block;width:13px;height:13px;background:#5fabd5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.service02 .service_step > li.left:before{right:0;margin-right:-7px;}
.service02 .service_step > li.right:before{left:0;margin-left:-6px;}
.service02 .service_step li .title{font-size:36px;color:#333;font-weight:400;}
.service02 .service_step li .title > span{display:block;margin-top:15px;font-size:24px;color:#b09561;}
.service02 .service_step li .cont{margin-top:15px;font-size:14px;line-height:24px;}


.service03{min-height:1000px;padding-top:0;background: linear-gradient(#ddd,#fff); padding-bottom: 100px}
.service03 .txt_wrap{padding-top:120px}
.service03 .txt_wrap.tech-reset01{max-width: 825px; margin-left: 5%}
.service03 .txt_wrap ul li{width:100%}
.service03 p{font-weight: 300; text-align: center; line-height: 1.5}
.service03 .txt01{font-size:24px;letter-spacing:1px;margin-top: 1em; text-align: center}
.service03 .txt02{font-size:38px;margin-bottom: 1em}
.service03 .txt03{font-size:18px;margin-top:40px;}
.service03 .txt_wrap .btn_more{padding-bottom:165px}
.service03 .more_data .pacs .txt03{max-width:410px;padding:0 30px}
.service03 .more_data .pacs .txt03 li{width:33.33%}
.service03 .more_data .dose .txt03{max-width:550px;padding:0 30px}
.service03 .more_data .dose .txt03 li{width:25%}


.service03 .callcenter_wrap{padding-top:30px;max-width:960px;margin:0 auto;}
.service03 .callcenter_wrap:after{content:"";display:block;clear:both;}
.service03 .callcenter_wrap li{position:relative;width:290px;height:290px;float:left;margin:15px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.service03 .callcenter_wrap li > dl{position:absolute;left:0;top:50%;width:100%;margin-top:-37px;}
.service03 .callcenter_wrap li > dl > dt{margin-bottom:10px;font-size:24px;color:#333;font-weight:400;}
.service03 .callcenter_wrap li > dl > dd{font-size:40px;color:#b09561;font-weight:700;}
.service03 .callcenter_wrap li > div{display:table;width:100%;height:100%}
.service03 .callcenter_wrap li > div:first-child{border-top:none;margin-top:0;}
.service03 .callcenter_wrap li > div dl{display:table-cell;height:100%;vertical-align:middle}
.service03 .callcenter_wrap li > div:first-child dl{top:auto;bottom:20px;}
.service03 .callcenter_wrap li > div dl dt{margin-bottom:15px;}
.service03 .callcenter_wrap li > div dl dd{margin-top:5px}
.service03 .callcenter_wrap li > div:first-child dl dt{font-size:18px;color:#333;font-weight:400;}
.service03 .branch_wrap{margin-top:45px;}
.service03 .branch_wrap > dl{line-height:20px}
.service03 .branch_wrap > dl > dt{font-size:18px;}
.service03 .branch_wrap > dl > dd > p{margin-top:5px;}
.service03 .branch_wrap > dl > dd > p span{display:inline-block;zoom:1;*display:inline;padding:0 10px;}
.service03 .branch_wrap dl dt{color:#333;font-weight:500;}
.service03 .branch_wrap dl dd{margin-top:7px;}
.service03 .branch_wrap ul{display:inline-block;zoom:1;*display:inline;margin-top:30px;}
.service03 .branch_wrap ul li{float:left;padding:0 25px;border-left:solid 1px #c7c7c7;}
.service03 .branch_wrap ul li:first-child{border-left:none;}


/* tplus-in */
#container.tplus_in{padding-top:0}
.tplus_in h3{font-size:32px;font-weight:400;}
.tplus_in01 .visual{height:698px;}
.tplus_in01 .visual h3{padding-top:190px;color:#fff;font-weight:700}
.tplus_in01 .txt01{margin-top:41px;font-size:86px;color:#ceb483;font-weight:700;}
.tplus_in01 .txt02{margin-top:45px;font-size:72px;color:#fff;font-weight:100;line-height:90px;letter-spacing:-4px}


.tplus_in02{padding:150px 0}
.tplus_in02 .txt03{font-size:18px;margin-top:25px;color:#666;line-height:26px}
.tplus_in02 h3{color:#333;}




.tplus_in03{height:921px;}
.tplus_in03 h3{padding-top:146px;font-size:32px;color:#fff;font-weight:100;line-height:40px}
.tplus_in03 .txt01{margin-top:20px;color:#999;line-height:24px;}
.tplus_in03 .welfare_wrap{width:100%;max-width:1044px;display:inline-block;zoom:1;*display:inline;margin-top:40px;}
.tplus_in03 .welfare_wrap li{width:31.33%;margin-left:3%;float:left;text-align:left;}
.tplus_in03 .welfare_wrap li:first-child{margin-left:0;}
.tplus_in03 .welfare_wrap li dl dt{padding:15px 0;margin-bottom:15px;border-bottom:solid 1px #999;font-size:20px;color:#ceb483;line-height:28px;font-weight:400;}
.tplus_in03 .welfare_wrap li dl dd{font-size:15px;color:#999;line-height:24px;}


/* desktop 1900 */
@media screen and (max-width:1900px){


}


/* desktop 1700 */
@media screen and (max-width:1700px){


}


/* desktop 1600 */
@media screen and (max-width:1600px){
.tplus03 .line_obj .obj01{left:15%}
.tplus03 .line_obj .obj02{left:30%}
.tplus03 .line_obj .obj03{left:60%}
.tplus03 .line_obj .obj04{right:15%}
}


/* desktop 1500 */
@media screen and (max-width:1500px){
.tplus04 .data_wrap{padding:0 30px}
}


/* desktop 1480 */
@media screen and (max-width:1480px){
.img_gallery{margin-left:20px;margin-right:20px}
}




/* desktop 1440 */
@media screen and (max-width:1440px){
.hie {margin: 0 0;}
}
/* desktop 1366 */
@media screen and (max-width:1366px){
}
/* desktop 1280 */
@media screen and (max-width:1280px){
#main_visual .page .btn01{left:100px;margin-left:0}
#main_visual .page .btn02{position:absolute;bottom:0;left:50%;width:78px;height:78px;margin-left:-39px}
#main_visual .page .btn03{left:auto;right:100px;margin-left:0}


}


/* desktop 1200 */
@media screen and (max-width:1200px){
.tplus01 {height:auto!important}
.jt_grid_item {width: 100%}
}


/* desktop 1024 */
@media screen and (max-width:1024px){
#content_pop .c_p_wrap{margin:50px auto;}
#content_pop .c_p_con{padding-top:77px}
#conData .data_wrap{padding:0 20px}




#main_visual{height:768px}
#main_visual .bg{display:none}
#main_visual .big_wrap{top:150px}
#main_visual .txt_cell p{font-size:64px}
#LOAD_BAR{display:none}


.main_customer ul{padding:0 30px}
#main_visual .page{bottom:155px}
#main_visual .page .btn_data > div.hover .thumb,
#main_visual .page .btn_data > div.current .thumb{width:78px;height:78px;margin-left:-39px;margin-top:-39px;background-color:#5fabd5}
#main_visual .page .btn_data > div.hover .icon p.on,
#main_visual .page .btn_data > div.current .icon p.on{opacity:1}
#main_visual .page .btn_data > div.hover .icon p.off,
#main_visual .page .btn_data > div.current .icon p.off{opacity:0}
#main_visual .page .btn_data > div.hover.btn01 .txt,
#main_visual .page .btn_data > div.current.btn01 .txt{top:-84px}
#main_visual .page .btn_data > div.hover.btn02 .txt,
#main_visual .page .btn_data > div.current.btn02 .txt{bottom:-84px;top:auto}
#main_visual .page .btn_data > div.hover.btn03 .txt,
#main_visual .page .btn_data > div.current.btn03 .txt{top:-84px}
#main_visual .page .btn_data > div.first{bottom:100px}
#main_visual .page .btn01 .txt{bottom:auto;top:-84px}
#main_visual .page .btn02 .txt{bottom:-84px;top:auto}
#main_visual .page .btn03 .txt{bottom:auto;top:-84px}
#main_visual .page .btn_data > div.last{bottom:100px}


#main_visual .page .btn01{left:100px;bottom:0}
#main_visual .page .btn02{position:absolute;bottom:100px;left:50%;width:78px;height:78px;margin-left:-39px}
#main_visual .page .btn03{left:auto;right:100px;bottom:0;margin-left:0}
.tplus01{height:800px}
.tplus01 .txt_wrap{padding-top:130px}
.tplus01 .txt01{font-size:28px}
.tplus01 .txt02{font-size:62px;line-height:64px;margin-top:30px}
.tplus01 .txt03{font-size:14px;line-height:20px;margin-top:20px}
.tplus01 .line_obj{position:relative;max-width:580px;margin:25px auto 0 auto}
.tplus01 .line_obj > div{font-size:14px;line-height:20px}
.tplus01 .line_obj > div.obj01{margin-left:0;left:0}
.tplus01 .line_obj > div.obj02{margin-left:-55px;left:50%}
.tplus01 .line_obj > div.obj03{margin-left:0;left:auto;right:0}
.tplus01 .line_data p{position:absolute;height:2px;background:#fff;opacity:0.2}


.tplus02{padding:150px 0}
.tplus02 .data_wrap{padding:0 20px}
.tplus02 .txt_wrap{width:100%}
.tplus02 .txt01{font-size:70px;line-height:75px}
.tplus02 .txt02{width:50%;margin-top:20px}
.tplus02 .txt03{margin-top:20px}
.tplus02 .txt04{margin-top:20px}
.tplus02 .obj{margin-left:0}
.tplus04 .txt01{font-size:60px;line-height:65px;letter-spacing:normal}
.tplus04 .number_format{height:80px;font-size:80px}
.tplus04 .number_format > div{height:80px;line-height:80px;}


.tplus05{padding:200px 0 200px 0}
.tplus05 .swiper-button-prev{left:20px}
.tplus05 .swiper-button-next{right:20px}


.healthcare01{height:65vh}
.healthcare01 .txt_wrap{padding-top:130px}
.healthcare01 .txt01{font-size:28px}
.healthcare01 .txt02{font-size:62px;line-height:64px;margin-top:30px}
.healthcare01 .txt03{font-size:14px;line-height:20px;margin-top:20px}
.healthcare01 .line_obj{margin:25px auto 0 auto}
.healthcare01 .line_obj > div{font-size:14px;line-height:20px}


.more_data .btn_close{right:20px}


.healthcare04 .pipe_data .desk{display:none}
.healthcare04 .pipe_data .mobile{display:block}


.healthcare05 .txt04 li{float:left;width:20%}


.ict h3{font-size:28px;}


.ict01{height:65vh}
.ict01 h3{padding-top:130px;}
.ict01 .txt01{font-size:62px;line-height:64px;margin-top:30px}
.ict01 .txt02{font-size:14px;line-height:20px;margin-top:20px}
.ict01 .line_obj{margin:25px auto 0 auto}
.ict01 .line_obj > div{font-size:14px;line-height:20px}




.ict02{padding:130px 0 80px;}
.ict02 .txt01{font-size:14px;line-height:20px;}
.ict02 .service_wrap{margin-top:35px;overflow:hidden;}
.ict02 .service_wrap li dl dt{padding:15px 0;font-size:18px;}
.ict02 .service_wrap li dl dd{font-size:13px;line-height:16px;}
.ict02 .txt02{margin-top:100px;font-size:24px;}
.ict02 .txt03{font-size:14px;line-height:20px;}


.ict03{height:800px;}
.ict03 h3{padding-top:130px;}
.ict03 .txt01{font-size:22px;line-height:28px;}
.ict03 .txt02{font-size:14px;line-height:20px;}
.ict03 ul{margin-top:30px;}
.ict03 .server_wrap{margin-top:30px;}
.ict03 .server_wrap div > div{margin:0 25px;text-align:left;}
.ict03 .server_wrap dl{margin-top:20px;}
.ict03 .server_wrap dl dt{font-size:28px;}
.ict03 .server_wrap dl dd{font-size:14px;line-height:20px;}
.ict03 .server_wrap dl dd{padding-left:17px;}
.ict03 .server_wrap dl dd:before{top:7px;}


.ict04 h3{padding-top:100px;font-weight:700}
.ict04 .txt01{font-size:42px;line-height:48px;letter-spacing:normal}
.ict04 .reference_wrap .number_data{color:#333;}
.ict04 .reference_wrap .number_data > span{font-size:20px;}
.ict04 .reference_wrap .number_format{height:100px;font-size:100px;}
.ict04 .reference_wrap .number_format > div{height:100px;line-height:100px;}
.ict04 .reference_wrap li dl dt{font-size:20px;}
.ict04 .reference_wrap li dl dd{font-size:14px;line-height:20px;}


.service h3{font-size:28px;font-weight:700}


.service01{height:800px}
.service01 h3{padding-top:130px;}
.service01 .txt01{font-size:62px;line-height:64px;margin-top:30px}
.service01 .txt02{font-size:14px;line-height:20px;margin-top:20px}
.service01 .line_obj{margin:25px auto 0 auto}
.service01 .line_obj > div{font-size:14px;line-height:20px}


.service02{padding:100px 0;}
.service02 .txt01{font-size:14px;line-height:20px;}
.service02 .service_step{margin-top:40px;}
.service02 .service_step li .title{font-size:28px;}
.service02 .service_step li .title > span{margin-top:10px;font-size:20px;}
.service02 .service_step li .cont{line-height:20px;}






.service03{padding:100px 0}
.service03 .txt01{margin-top:15px;font-size:24px;line-height:32px;}
.service03 .txt02{margin-top:15px;font-size:14px;line-height:20px;}
.service03 .callcenter_wrap{padding-top:20px;max-width:690px;}
.service03 .callcenter_wrap li{width:220px;height:220px;margin:5px;}
.service03 .callcenter_wrap li > dl{margin-top:-34px;}
.service03 .callcenter_wrap li > dl > dt{margin-bottom:10px;font-size:24px;}
.service03 .callcenter_wrap li > dl > dd{font-size:34px;}
.service03 .callcenter_wrap li > div:first-child dl{bottom:10px;}
.service03 .callcenter_wrap li > div dl dt{margin-bottom:10px;font-size:15px;}
.service03 .callcenter_wrap li > div:first-child dl dt{font-size:17px;}
.service03 .callcenter_wrap li > div dl dd{font-size:15px;}
.service03 .branch_wrap{margin-top:30px;}
.service03 .branch_wrap > dl > dt{font-size:16px;}
.service03 .branch_wrap dl dd{font-size:14px;}
.service03 .branch_wrap ul{margin-top:20px;}
.service03 .branch_wrap ul li{padding:0 15px;}


.tplus_in h3{font-size:28px;}


.tplus_in01 .visual{height:558px;}
.tplus_in01 .visual h3{padding-top:100px;}
.tplus_in01 .txt01{margin-top:31px;font-size:62px;}
.tplus_in01 .txt02{margin-top:35px;font-size:42px;line-height:52px;letter-spacing:normal}


.tplus_in02{padding:100px 0 70px;}
.tplus_in02 h3{padding-top:0 !important}


.tplus_in03{height:auto;padding-bottom:70px;}
.tplus_in03 h3{padding-top:100px;font-size:42px;color:#fff;font-weight:100;letter-spacing:normal}
.tplus_in03 .txt01{font-size:14px;line-height:20px;}
.tplus_in03 .welfare_wrap li dl dt{font-size:16px;line-height:22px;}
.tplus_in03 .welfare_wrap li dl dd{font-size:14px;line-height:20px;}
.tplus_in03 .welfare_wrap li dl dd br{display:none;}




}
/* mobie 1023 */
@media screen and (max-width:1023px){
div.wd4 {display: none}
div.wd6 {width: 100%}
div.wd6.fl img {width: 100%}
}
/* mobie 960 */
@media screen and (max-width:960px){
.ict02 table.listview {width:100%; min-width:100%; max-width: 100%}
}
/* mobie 900 */
@media screen and (max-width:900px){
}
/* mobie 800 */
@media screen and (max-width:800px){
}
/* mobie 768 */
@media screen and (max-width:768px){
.list_search{height:auto;}
.list_search .search_txt_wrap{position:relative;left:auto;top:auto;border-left:none;border-top:solid 1px #dcdcdc}
.list_search .search_txt_wrap p{width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list_search .search_txt_wrap input{height:48px;line-height:48px;}
.list_search .search_txt_wrap a{position:absolute;right:0;top:0;padding:0 20px;}


#content_pop .view_top .view_title{padding:10px 10px 10px 69px;font-size:14px;line-height:16px;}
#content_pop .view_top .right_cont{position:relative;height:38px;padding-right:59px;border-top:solid 1px #d6d6d6;}
#content_pop .view_top .right_cont span{position:static;display:block;float:left;width:33.33%;margin:0;line-height:38px;font-size:13px;}
#content_pop .view_top .right_cont a{float:left;position:static;display:block;}
#content_pop .view_top .right_cont .sns01{width:33.33%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-background-size:5.5px;
-moz-background-size:5.5px;
background-size:5.5px;
}
#content_pop .view_top .right_cont .sns02{width:33.33%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-background-size:11.5px;
-moz-background-size:11.5px;
background-size:11.5px;
}
#content_pop .view_top .right_cont .pop_close{position:absolute;right:0;top:0;background-size:9.5px;}
#content_pop .c_p_con .p_content .cont {padding-left:35px;padding-right:35px;line-height:28px;}
#content_pop .c_p_con .p_content .cont .move_btn a{width:29px;}
#content_pop .c_p_con .p_content .cont .move_btn a img{width:29px;}


.main_headline{padding:50px 20px}
.main_customer ul li{width:50%}


.tplus03 .line_obj > div{width:50%}
.tplus03 .line_obj .txt{width:100%}
.tplus03 .line_obj .txt01{font-size:40px;color:#fff;font-weight:100}
.tplus03 .line_obj .txt02{font-size:15px;color:#999;line-height:24px;margin-top:10px}


.tplus03{height:auto;padding:100px 0 200px 0;overflow:hidden}
.tplus03 .line_obj > div{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:50%;margin-top:150px}
.tplus03 .line_obj .thumb{margin:0 auto;width:8px;height:8px}
.tplus03 .line_obj .txt{width:100%;text-align:center}
.tplus03 .line_obj .obj01{position:relative;top:auto;left:auto;margin-right:50%;margin-top:0}
.tplus03 .line_obj .obj02{position:relative;top:auto;left:auto;margin-left:50%}
.tplus03 .line_obj .obj03{position:relative;top:auto;left:auto;margin-right:50%}
.tplus03 .line_obj .obj04{position:relative;top:auto;right:auto;left:auto;margin-left:50%}
.tplus03 .line_obj .obj01 .txt{top:26px;left:0}
.tplus03 .line_obj .obj02 .txt{bottom:auto;top:26px;left:0;padding-bottom:0}
.tplus03 .line_obj .obj03 .txt{top:26px;left:0}
.tplus03 .line_obj .obj04 .txt{bottom:auto;top:26px;right:auto;left:0;padding-bottom:0;}
.tplus04{padding:150px 0 50px 0}
.tplus04 .txt01{font-size:40px;line-height:45px}
.tplus04 .Re_list{margin-top:20px}
.tplus04 .Re_list > li{width:50%;margin-top:20px}
.tplus04 .number_format{height:80px;font-size:80px}
.tplus04 .number_format > div{height:80px;line-height:80px;}


.tplus05 .year_data{margin:0 70px;max-width:100%}
.tplus05 .swiper-button-group{top:50%;left:0;width:100%;margin-left:0;margin-top:-26px}
.more_con .txt05{height:124px}
.more_data .txt04 li > div{padding:0 15px}


.healthcare05 .txt04 li{width:25%}


.service03 .callcenter_wrap{padding-top:20px;max-width:585px;}
.service03 .callcenter_wrap li{width:185px;height:185px;margin:5px;}
.service03 .callcenter_wrap li > dl{margin-top:-27px;}
.service03 .callcenter_wrap li > dl > dt{font-size:18px;}
.service03 .callcenter_wrap li > dl > dd{font-size:26px;}
.service03 .callcenter_wrap li > div dl dt{font-size:13px;}
.service03 .callcenter_wrap li > div:first-child dl dt{font-size:14px;}
.service03 .callcenter_wrap li > div dl dd{font-size:13px;}
.service03 .branch_wrap ul li{width:50%;padding:0;margin:10px 0;border:none;}
.service03 .branch_wrap ul li:nth-child(even){border-left:solid 1px #c7c7c7;margin-left:-1px;}


.tplus_in03{height:auto;padding-bottom:50px;}
.tplus_in03 h3{padding-top:70px;}
.tplus_in03 .welfare_wrap{margin-top:30px;}
.tplus_in03 .welfare_wrap li{width:50%;margin-left:0;margin-bottom:20px;padding:0 10px;
-webkit-box-sizing:border-box;
--mozbox-sizing:border-box;
box-sizing:border-box;
}
.tplus_in03 .welfare_wrap li:nth-child(3){clear:both;margin-bottom:0;}
.tplus_in03 .welfare_wrap li:nth-child(odd){padding-left:0}
.tplus_in03 .welfare_wrap li:nth-child(even){padding-right:0;}
.tplus_in03 .welfare_wrap li dl dt{padding:10px 0;margin-bottom:10px;font-size:14px;line-height:20px;}
.tplus_in03 .welfare_wrap li dl dd{font-size:13px;line-height:18px;}


.business>div {float:none; width:100%;height:150px;overflow:hidden;}
.business .img-wrap {width:180px; height:150px; float:left}
.business .img-wrap img {width:180px; height:180px}
.business .txt-wrap {width:75%; float:left;left:25%; bottom:0; top:0}


#post_area {box-sizing: border-box}
.board {min-width:320px!important}
.att_title {text-align: center!important}
}
/* mobie 736 */
@media screen and (max-width:736px){


}
/* mobie 720 */
@media screen and (max-width:720px){


}
/* mobie 667 */
@media screen and (max-width:667px){
}
/* mobie 640 */
@media screen and (max-width:640px){
#container{padding-top:150px}
#container.start .sub_visual h3{letter-spacing:10px}
#contents{padding-top:20px}
#conData .data_wrap{padding:0 15px}


.sub_visual{height:150px;z-index:0}
.sub_visual h3{top:90px;font-size:24px;letter-spacing:-5px}


.con{padding:0 15px}


.img_gallery{margin:15px 10px 0 10px}
.img_gallery .grid_size,
.img_gallery .item_obj{width:50%}
.img_gallery .item_cell{padding:5px}
.img_gallery .item_obj .info{padding:15px}




.main_headline{padding:50px 10px}
.main_headline h2{font-size:38px;}
.main_headline h3{font-size:20px;margin-top:8px}
.main_headline .info{font-size:14px;line-height:20px;margin-top:10px}
.main_headline .btn_more{margin-top:15px}
.main_headline a{font-size:14px}


.main_customer ul{padding:0 15px}
.main_customer .bx-controls{bottom:10px}


.main_customer .hover_item .btn_more{height:40px;margin-top:-20px}
.main_customer .hover_item .btn_more span{font-size:16px;line-height:40px}
.main_customer .hover_item .btn_more span.first{font-size:16px}
.main_customer .hover_item:hover .btn_more .first{margin-top:-40px}


#main_visual{height:380px}
#main_visual .txt_cell p{font-size:48px}
#main_visual .big_wrap{top:90px}
#main_visual .page{bottom:40px}
#main_visual .page .txt01{font-size:18px}
#main_visual .page .txt02{font-size:12px;line-height:16px;margin-top:5px}


#main_visual .page .btn_data > div.hover.btn01 .txt,
#main_visual .page .btn_data > div.current.btn01 .txt{top:-64px}
#main_visual .page .btn_data > div.hover.btn02 .txt,
#main_visual .page .btn_data > div.current.btn02 .txt{bottom:-64px;top:auto}
#main_visual .page .btn_data > div.hover.btn03 .txt,
#main_visual .page .btn_data > div.current.btn03 .txt{top:-64px}
#main_visual .page .btn01 .txt{bottom:auto;top:-64px}
#main_visual .page .btn02 .txt{bottom:-64px;top:auto}
#main_visual .page .btn03 .txt{bottom:auto;top:-64px}


#main_visual .page .btn01{left:50px}
#main_visual .page .btn03{right:50px}


.tplus01{height:auto;padding-bottom:50px}
.tplus01 .txt_wrap{padding-top:100px}
.tplus01 .txt01{font-size:24px}
.tplus01 .txt02{font-size:47px;line-height:52px;margin-top:20px}
.tplus01 .txt03{font-size:14px;line-height:20px;margin-top:20px}
.tplus01 .line_obj{position:relative;max-width:280px;margin:20px auto 0 auto;height:130px}
.tplus01 .line_obj > div{font-size:12px;line-height:20px;width:90px;height:90px}
.tplus01 .line_obj > div.obj01{margin-left:0;left:0}
.tplus01 .line_obj > div.obj02{margin-left:-45px;left:50%;top:45px}
.tplus01 .line_obj > div.obj03{margin-left:0;left:auto;right:0}


.tplus02{padding:40px 0 0 0}
.tplus02 .data_wrap{padding:0 15px}
.tplus02 .txt_wrap{width:100%}
.tplus02 .txt01{font-size:48px;line-height:50px}
.tplus02 .txt02{width:100%;margin-top:20px;font-size:14px;line-height:20px}
.tplus02 .txt03{margin-top:20px;font-size:14px}
.tplus02 .txt04 img{width:93px}
.tplus02 .visual_wrap{position:relative;left:auto;top:auto;height:auto;width:100%;}
.tplus02 .obj{left:auto;right:auto;margin-left:0;margin-right:0;position:relative}


.tplus02 .bg-gradient {margin-top:-60px; padding: 60px 0 120px; height:auto;}


.tplus03{padding:40px 0}
.tplus03 .line_obj .txt01{font-size:28px;padding:0 10px}
.tplus03 .line_obj .txt02{font-size:13px;line-height:20px;padding:0 10px}
.tplus03 .data_wrap .txt_wrap .txt01 {font-size:60px; padding: 0 0 40px;}
.business>div {float:none; width:100%;height:150px;overflow:hidden;}
.business .img-wrap {width:150px; height:150px; float:left}
.business .img-wrap img {width:150px; height:150px}
.business .txt-wrap {width:75%; float:left;left:25%; bottom:0; top:0}


.tplus05{padding:40px 0}
.tplus05 .year_slide{height:100px;cursor: move;}
.tplus05 .year_slide .num_data{padding-bottom:20px}
.tplus05 .year_slide .num_data:after{bottom:0px;width:6px;height:6px;margin-left:-3px}
.tplus05 .year_slide .num{font-size:24px}
.tplus05 .year_slide .txt{font-size:14px;margin-top:10px}
.tplus05 .year_slide .swiper-slide-active .num{font-size:48px}
.tplus05 .year_slide .swiper-slide-active .txt{font-size:16px}
.tplus05 .year_slide .swiper-slide-active .num_data:after{width:8px;height:8px;margin-left:-4px}
.tplus05 .year_slide .parallax-bg{bottom:3px;height:11px;background-size:auto 11px}


.tplus05 .year_data{margin:0 40px}
.tplus05 .swiper-button-group{margin-top:-7px}
.tplus05 .swiper-button-prev{left:15px;width:14px;height:23px;margin-top:0;background-size:14px auto}
.tplus05 .swiper-button-next{right:15px;width:14px;height:23px;margin-top:0;background-size:14px auto}
.tplus05 .year_data_slide{margin-top:25px;}


.wd3 {width:100%}
.wd7 {width:100%}
.wd3 img {width: 100%}


.tplus06{padding:80px 0 40px 0}
.tplus06 .logo_data{margin-top:25px}
.tplus06 .txt01{font-size:18px;margin-top:20px;letter-spacing:normal}
.tplus06 .txt02{font-size:14px;line-height:20px;margin-top:10px}
.tplus06 .txt03{font-size:18px;margin-top:15px;margin-bottom:10px}
.tplus06 .txt04{font-size:14px;line-height:20px;margin-top:3px}
.tplus06 .btn_data{margin-top:15px}
.tplus06 .logo img{width:146px}


.tplus07 .map_wrap{height:200px}
.tplus07 .txt01{text-align:center;font-size:60px;padding:40px 0 40px;}
.tplus07 .txt02{text-align:left;margin-top:10px}
.tplus07 .txt03{font-weight:700}
.tplus07 ul{margin-top:20px}
.tplus07 ul li{width:100%;text-align:left;margin-top:20px}
.tplus07 ul li:first-child{text-align:left;margin-top:0}
.tplus07 ul li div{padding:0 0;border:none}


.healthcare01{height:250px;padding-bottom:50px}
.healthcare01 .txt_wrap{padding-top:100px}
.healthcare01 .txt01{font-size:24px}
.healthcare01 .txt02{font-size:47px;line-height:52px;margin-top:20px}
.healthcare01 .txt03{font-size:14px;line-height:20px;margin-top:20px}
.healthcare01 .line_obj{margin:60px auto 0 auto;max-width:200px}
.healthcare01 .line_obj > div{position:relative;top:auto;left:auto;width:90px;height:90px;margin-top:-30px}
.healthcare01 .line_obj > div.obj01{top:auto;left:auto}
.healthcare01 .line_obj > div.obj02{top:auto;left:auto;margin-left:auto}
.healthcare01 .line_obj > div.obj03{top:auto;left:auto}
.healthcare01 .line_obj > div.obj04{top:auto;left:auto;margin-left:auto}
.healthcare01 .line_obj > div.obj05{top:auto;left:auto}


.more_con{padding-top:40px}
.more_con .txt_wrap{padding-top:0;padding-bottom:40px}
.more_con .txt_wrap .txt01{font-size:24px;font-weight:700}
.more_con .txt_wrap ul{margin:15px auto 0 auto}
.more_con .txt_wrap ul li{width:100%;margin-top:25px}
.more_con .txt_wrap ul li div{padding:0}
.more_con .txt_wrap .txt03{font-size:22px;margin-top:15px;line-height:26px}
.more_con .txt_wrap .txt03 br{display:none}
.more_con .txt_wrap .txt03 span{font-size:22px;font-weight:normal;margin-left:3px}
.more_con .txt_wrap .txt05{font-size:14px;line-height:20px;margin-top:5px;height:auto}
.more_con .txt_wrap .btn_more{padding-bottom:0;width:44px;margin:10px auto 0 auto}
.more_con .txt_wrap .btn_more a{font-size:13px;line-height:44px;width:44px;text-align:center}
.more_con .txt_wrap .btn_more a:after{display:none}


.more_data .btn_close{top:20px;right:15px}
.more_data{}
.more_data > div{padding:40px 15px}
.more_data h3{font-size:28px; font-weight:300}
.more_data .title_info{font-size:24px;margin-top:7px}
.more_data .txt01{font-size:16px;margin-top:25px;line-height:1.5}
.more_data .txt03{margin:25px auto 0 auto;padding:0 15px}
.more_data .txt03 li div{font-size:14px;line-height:20px;padding-top:15px;margin:0 7px}
.more_data .txt03 li div:after{width:8px;height:8px;top:-4px;margin-left:-4px}
.more_data .txt04{margin:25px auto 0 auto}
.more_data .txt04 li{width:100%;margin-top:25px}
.more_data .txt04 li:first-child{margin-top:0}
.more_data .txt04 li > div{padding:0}
.more_data .txt04 dl{padding:15px 10px 0 10px}
.more_data .txt04 dl dt{font-size:18px;padding-bottom:10px;margin-bottom:10px}
.more_data .txt04 dl dd{padding-left:10px;font-size:14px;line-height:20px;margin-top:7px}
.more_data .txt04 dl dd:after{width:4px;height:4px;top:8px}
.more_data .txt05{margin-top:30px}
.more_data .txt05 > a img{width:43px}
.more_data .btn_close img{width:19px}


.more_data .txt07{margin:20px auto 0 auto}
.more_data .txt07 li{width:100%}
.more_data .txt07 li div{padding:0}
.more_data .txt07 dl{margin-top:15px}
.more_data .txt07 dl:first-child{margin-top:15px}
.more_data .txt07 dt{font-size:16px;line-height:24px;font-weight:700}
.more_data .txt07 dd{font-size:14px;line-height:20px}


.more_data .txt06{margin-top:20px}
.more_data .txt07{margin-top:20px}




.more_con .txt_wrap .txt02 br,
.more_data .txt01 br,
.more_data .txt02 br{display:none}


.healthcare02 .more_data .txt03{padding:0 15px}
.healthcare03{padding-top:0}
.healthcare03 .data_wrap{padding-top:80px !important}
.healthcare03 .more_data .pacs .txt03{padding:0 15px}
.healthcare03 .more_data .dose .txt03{padding:0 15px}


.healthcare04{padding-top:80px}
.healthcare04 .txt01{font-size:24px;font-weight:700}


.healthcare04 .txt03{margin-top:20px}


.healthcare05{padding-top:80px}
.healthcare05 .txt01{font-size:24px;font-weight:700}
.healthcare05 .txt02{font-size:28px;line-height:36px;margin-top:30px;letter-spacing:normal}
.healthcare05 .txt02 br{display:none}
.healthcare05 .txt03{font-size:14px;line-height:20px;margin-top:20px}
.healthcare05 .txt03 br{display:none}
.healthcare05 .txt04 li{width:33.333%}


.ict h3{font-size:24px;font-weight:700}


.ict01{height:200px;padding-bottom:50px;}
.ict01 h3{padding-top:100px;}
.ict01 .txt01{font-size:47px;line-height:52px;margin-top:20px}
.ict01 .line_obj{margin:60px auto 0 auto;max-width:200px}
.ict01 .line_obj > div{position:relative;top:auto;left:auto;width:90px;height:90px;margin-top:-30px}
.ict01 .line_obj > div.obj01{top:auto;left:auto}
.ict01 .line_obj > div.obj02{top:auto;left:auto;margin-left:auto}
.ict01 .line_obj > div.obj03{top:auto;left:auto}
.ict01 .line_obj > div.obj04{top:auto;left:auto;margin-left:auto}
.ict01 .line_obj > div.obj05{top:auto;left:auto}




.ict02{padding:80px 0}
.ict02 .service_wrap{margin-top:25px;overflow:hidden;}
.ict02 .service_wrap li{width:50%;margin:0;padding:0 5px 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ict02 .service_wrap li:nth-child(odd){padding-left:0;}
.ict02 .service_wrap li:nth-child(even){padding-right:0;}
.ict02 .service_wrap li img{width:100%;}
.ict02 .service_wrap li:first-child{margin-left:0;}
.ict02 .service_wrap li dl dt{}
.ict02 .txt02{margin-top:50px;font-size:18px;font-weight:700}
.ict02 .obj01{margin-top:28px;}
.ict02 table.listview {min-width:100%; max-width:100%;word-break:break-all;}


.ict02 table.listview tr th {width:15%}
.ict02 table.listview tbody td {vertical-align:middle}
.ict02 table.listview tr th:nth-child(1),
.ict02 table.listview tr td:nth-child(1),
.ict02 table.listview tr th:nth-child(3),
.ict02 table.listview tr td:nth-child(3),
.ict02 table.listview tr th:nth-child(4),
.ict02 table.listview tr td:nth-child(4) {display:none}
.ict02 table.listview tbody td:nth-child(2) {text-align:left}


.ict02 table.listview tr td a {display:inline-block}


.ict03{height:auto;padding-bottom:50px;}
.ict03 h3{padding-top:100px;}
.ict03 .txt01{font-size:18px;line-height:24px;}
.ict03 ul{margin-top:30px;}
.ict03 ul li{font-size:13px;}
.ict03 .server_wrap{margin-top:30px;}
.ict03 .server_wrap div > div{margin:0 5px}
.ict03 .server_wrap div:first-child > div{margin-left:0;}
.ict03 .server_wrap div:last-child > div{margin-right:0;}
.ict03 .server_wrap dl dt{font-size:18px;}


.ict04 h3{padding-top:80px;}
.ict04 .txt01{font-size:28px;line-height:36px;}
.ict04 .reference_wrap .number_data{color:#333;}
.ict04 .reference_wrap .number_data > span{font-size:16px;}
.ict04 .reference_wrap .number_format{height:60px;font-size:60px;}
.ict04 .reference_wrap .number_format > div{height:60px;line-height:60px;}
.ict04 .reference_wrap li dl dt{font-size:18px;}
.ict04 .reference_wrap li dl dd{font-size:13px;line-height:18px;}
.ict04 .history_wrap{margin-top:30px;}
.ict04 .history_wrap .left{float:none;width:auto;margin:0 0 15px;;text-align:left;}
.ict04 .history_wrap .left > div{padding-right:0;padding-left:20px;}
.ict04 .history_wrap .right{float:none;width:auto;margin:0 0 15px;}
.ict04 .history_wrap .right > div{padding-left:20px}
.ict04 .history_wrap > li{position:relative;}
.ict04 .history_wrap > li p{margin-bottom:10px;font-size:28px;}
.ict04 .history_wrap > li:before{top:10px;}
.ict04 .history_wrap > li.left:before{left:0;margin-left:-6px;}
.ict04 .history_wrap > li.right:before{left:0;margin-left:-6px;}
.ict04 .history_wrap li ul li{font-size:14px;line-height:20px;}




.service h3{font-size:24px;}


.service01{height:auto;padding-bottom:50px;}
.service01 h3{padding-top:100px;}
.service01 .txt01{font-size:47px;line-height:52px;margin-top:20px}
.service01 .line_obj{margin:60px auto 0 auto;max-width:220px}
.service01 .line_obj > div{position:relative;top:auto;left:auto;width:100px;height:100px;margin-top:-40px;font-size:13px;}
.service01 .line_obj > div.obj01{top:auto;left:auto}
.service01 .line_obj > div.obj02{top:auto;left:auto;margin-left:auto}
.service01 .line_obj > div.obj03{top:auto;left:auto}
.service01 .line_obj > div.obj04{top:auto;left:auto;margin-left:auto}
.service01 .line_obj > div.obj05{top:auto;left:auto}


.service02{padding:80px 0;}
.service02 .service_step{margin-top:35px;}
.service02 .service_step:after{content:"";display:block;clear:both;}
.service02 .service_step .left{float:none;width:auto;margin:20px 0 0;padding-left:20px;text-align:left;}
.service02 .service_step .right{float:none;width:auto;margin:20px 0 0;padding-left:20px;}
.service02 .service_step > li:first-child{margin-top:0;}
.service02 .service_step > li:before{top:10px;}
.service02 .service_step > li.left:before{right:auto;left:0;margin-left:-6px;}
.service02 .service_step > li.right:before{left:0;margin-left:-6px;}
.service02 .service_step > li > div{padding:0 !important;}
.service02 .service_step li .title{font-size:24px;}
.service02 .service_step li .title > span{margin-top:10px;font-size:16px;}
.service02 .service_step li .cont{margin-top:10px;}


.service03 .txt01{font-size:18px;line-height:26px;}
.service03 .callcenter_wrap{max-width:320px;}
.service03 .callcenter_wrap li{width:150px;height:150px;}
.service03 .callcenter_wrap li:nth-child(odd){margin-left:0;}
.service03 .callcenter_wrap li:nth-child(even){margin-right:0;}
.service03 .callcenter_wrap li > dl{margin-top:-20.5px;}
.service03 .callcenter_wrap li > dl > dt{margin-bottom:5px;font-size:16px;}
.service03 .callcenter_wrap li > dl > dd{font-size:20px;}
.service03 .callcenter_wrap li > div:first-child dl{bottom:5px;}
.service03 .callcenter_wrap li > div dl dt{margin-bottom:3px;line-height:18px;}


.tplus_in h3{font-size:24px;font-weight:700}


.tplus_in01 .visual{height:auto;padding-bottom:50px;}
.tplus_in01 h3{padding-top:100px;}
.tplus_in01 .txt01{font-size:47px;margin-top:20px}
.tplus_in01 .txt02{margin-top:25px;font-size:28px;line-height:36px;}


.tplus_in03 h3{font-size:24px;line-height:30px}


.list_search .cate{margin-left:4px}


.notice .board_bgcolor {display: none}
}
/* mobie 600 */
@media screen and (max-width:600px){
}
/* mobie 568 */
@media screen and (max-width:568px){


}
/* mobie 480 */
@media screen and (max-width:480px){
}
/* mobie 420 */
@media screen and (max-width:420px){
.tplus03 .line_obj .txt01{font-size:18px}
.tplus03 .line_obj > div{margin-top:100px}


.tplus04{padding:100px 0 50px 0}
.tplus04 .txt01{font-size:28px;line-height:2}
.tplus04 .Re_list{margin-top:15px}
.tplus04 .Re_list > li{width:100%;margin-top:10px}
.tplus04 .txt_data{padding-left:10px;padding-right:0;margin-top:10px}
.tplus04 .txt02{font-size:18px}
.tplus04 .txt03{font-size:14px;line-height:20px}


.ict04 .reference_wrap .number_data > span{font-size:24px;}
.ict04 .reference_wrap .number_format{height:80px;font-size:80px;}
.ict04 .reference_wrap .number_format > div{height:80px;line-height:80px;}
.ict04 .reference_wrap li{width:100%;margin-top:10px}
.ict04 .reference_wrap li:first-child{margin-top:0}
.ict04 .reference_wrap li dl dt{font-size:18px;padding-bottom:5px}
.ict04 .reference_wrap li dl dd{font-size:14px;line-height:20px;}
#main_visual .page .txt01{font-size:14px}
}
/* mobie 414 */
@media screen and (max-width:414px){


}
/* mobie 384 */
@media screen and (max-width:384px){


#main_visual .page .btn01{left:35px}
#main_visual .page .btn03{right:35px}


}
/* mobie 375 */
@media screen and (max-width:375px){
#main_visual .page .btn01{left:35px}
#main_visual .page .btn03{right:35px}


}
/* mobie 360 */
@media screen and (max-width:360px){


#main_visual .page .btn01{left:30px}
#main_visual .page .btn03{right:30px}
}
/* mobie 320 */
@media screen and (max-width:320px){
#main_visual .page .btn01{left:20px}
#main_visual .page .btn03{right:20px}
}




@media all and (orientation:landscape){
}


.swiper-container {
width: auto;
height: 160px;
margin: 50px 0 0!important
}
.swiper-slide {
text-align: center;
background: #fff;
width:auto!important;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img { height: 160px;}
.swiper-container.swiper3,
.swiper3 .swiper-slide img { height: 275px;}
<!-- * Ä«Ä«¿À¸Ê - ÁöµµÆÛ°¡±â --> 
<!-- 1. Áöµµ ³ëµå --> 
<div id="daumRoughmapContainer1574817488822" class="root_daum_roughmap root_daum_roughmap_landing" style="border:0;padding:0;border-radius:0;"></div> 


 <!-- 2. ¼³Ä¡ ½ºÅ©¸³Æ® * Áöµµ ÆÛ°¡±â ¼­ºñ½º¸¦ 2°³ ÀÌ»ó ³ÖÀ» °æ¿ì, ¼³Ä¡ ½ºÅ©¸³Æ®´Â ÇÏ³ª¸¸ »ðÀÔÇÕ´Ï´Ù. --> 

<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script> 


 <!-- 3. ½ÇÇà ½ºÅ©¸³Æ® --> 
<script charset="UTF-8"> new daum.roughmap.Lander({ "timestamp" : "1574817488822", "key" : "wzoh", "mapWidth" : "1903", "mapHeight" : "500" }).render(); </script>
</div>


<div class="data_wrap" data-ride="animated" data-animation="fadeInUp">
<div class="txt_wrap">
<ul>
<li class="e_wrap" data-ride="animated" data-animation="fadeInUp" data-delay="200">
<div>
<p class="txt03">ÁÖ¼Ò</p>
<p class="txt02">¼­¿ïÆ¯º°½Ã ±¸·Î±¸ µðÁöÅÐ·Î 30±æ 28, 7Ãþ 702È£(±¸·Îµ¿, ¸¶¸®¿ÀÅ¸¿ö))</p>
</div>
</li>
<li class="e_wrap" data-ride="animated" data-animation="fadeInUp" data-delay="300">
<div>
<p class="txt03">Tel</p>
<p class="txt02">02-2029-0700</p>
</div>
</li>
<li class="e_wrap" data-ride="animated" data-animation="fadeInUp" data-delay="400">
<div>
<p class="txt03">Fax</p>
<p class="txt02">02-6455-6228</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</sectinon>
</section>
<!-- //conData -->

</section>
<!-- //container -->
</section>
<!-- //container -->

<script>
$(function(){
commonTop.GnbSet(0);
});
</script>
{{$footer}}
</section>
</body></html>
<!-- * Ä«Ä«¿À¸Ê - ÁöµµÆÛ°¡±â -->
 <!-- 1. Áöµµ ³ëµå --> 
<div id="daumRoughmapContainer1574817488822" class="root_daum_roughmap root_daum_roughmap_landing"></div> 
 <!-- 2. ¼³Ä¡ ½ºÅ©¸³Æ® * Áöµµ ÆÛ°¡±â ¼­ºñ½º¸¦ 2°³ ÀÌ»ó ³ÖÀ» °æ¿ì, ¼³Ä¡ ½ºÅ©¸³Æ®´Â ÇÏ³ª¸¸ »ðÀÔÇÕ´Ï´Ù. --> 
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
 <!-- 3. ½ÇÇà ½ºÅ©¸³Æ® -->
 <script charset="UTF-8"> new daum.roughmap.Lander({ "timestamp" : "1574817488822", "key" : "wzoh", "mapWidth" : "auto", "mapHeight" : "500" }).render(); </script>
</div>



<div class="data_wrap" data-ride="animated" data-animation="fadeInUp">
<div class="txt_wrap">
<ul>
<li class="e_wrap" data-ride="animated" data-animation="fadeInUp" data-delay="200">
<div>
<p class="txt03">ÁÖ¼Ò</p>
<p class="txt02">¼­¿ïÆ¯º°½Ã ±¸·Î±¸ µðÁöÅÐ·Î 30±æ 28, 7Ãþ 702È£(±¸·Îµ¿, ¸¶¸®¿ÀÅ¸¿ö))</p>
</div>
</li>
<li class="e_wrap" data-ride="animated" data-animation="fadeInUp" data-delay="300">
<div>
<p class="txt03">Tel</p>
<p class="txt02">02-2029-0700</p>
</div>
</li>
<li class="e_wrap" data-ride="animated" data-animation="fadeInUp" data-delay="400">
<div>
<p class="txt03">Fax</p>
<p class="txt02">02-6455-6228</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</sectinon>
</section>
<!-- //conData -->

</section>
<!-- //container -->
</section>
<!-- //container -->

<script>
$(function(){
commonTop.GnbSet(0);
});
</script>
{{$footer}}
</section>
</body></html>