@import url("/ccvc/font/regular.css");
@import url("/ccvc/font/bold.css");
@import url("/ccvc/font/cursus.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:tex-regular !important;color:#000}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top;border:0}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2d3e50;text-decoration:none}
a:hover{text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
h1{font-size:20px}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
.max_100 {max-width:100%}
.op-100 {opacity: 1.0;-moz-opacity: 1.0;-khtml-opacity: 1.0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
.op-90 {opacity: 0.9;-moz-opacity: 0.9;-khtml-opacity: 0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);}
.op-80 {opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}
.op-70 {opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}
.op-60 {opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);}
.op-50 {opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
.op-40 {opacity: 0.4;-moz-opacity: 0.4;-khtml-opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);}
#wrap{position:relative;width:100%;margin:0 auto 0 auto}
#header{position: fixed;width:100%;height: 95px;text-align:center;margin: 0 auto 0 auto;z-index:1000;}
.gnb {position: relative;z-index: 100;height: 95px;width:1140px;margin:0 auto 0 auto;background:url('/ccvc/img/ccvc/menu_bg.png') no-repeat}
.gnb.scroll {background-color:#194e90}
.gnb h1 {position: absolute;top: 41px;left:56px}
.nav {position: absolute;right:10px;width: 670px;height: 95px;}
.nav li{height:95px;float:left;font-size:16px;line-height:110px;margin:0 40px 0 40px;color:#fff}
.banner_txt{display:none;}
.nav_m{display:none;}
.btn_menu_m{display:none;}

.parallax-overlay {position: absolute;left: 0;top: 0;z-index: 0;width: 100%; background: #000000; filter: alpha(opacity=50); opacity: 0.5;z-index:1;background: url('/ccvc/img/ccvc/overaly.png');}
.banner_txt{z-index:20;}

#content{position:relative;width:100%;margin:0 auto 0 auto;}
#footer{position:relative;width:100%;margin:0 auto 0 auto;background-color:#2b5389;height:244px;color:#fff;font-size:14px}
.sns_area {padding-top:53px}
.copyright {color:#fff;padding-top:20px}
.copyright span{font-family:tex-bold}
/*.banner{width:100%;position:relative;background:url('/ccvc/img/ccvc/banner.jpg') no-repeat;background-position:top center;background-size:cover;height:945px;overflow:hidden}*/
/*.banner{max-height:945px;overflow:hidden}*/

.banner_txt {width:840px;overflow:hidden;margin-top:15%;}
.banner_txt .txt1{color:#fff;font-size:50px}
.banner_txt p{padding:0 10px 0 10px;background-color:#194e90;font-size:50px;color:#fff;font-family:tex-bold;height:80px;line-height:60px;margin:8px auto 45px auto;text-align:center}
.banner_txt H2{padding:0 10px 0 10px;background-color:#194e90;font-size:54px;color:#fff;font-family:tex-bold;height:80px;line-height:60px;margin:8px auto 45px auto;text-align:center}

.banner_txt .txt2{color:#fff;color:#fff;font-size:22px;line-height:30px;font-family:cursus}



.grid_2 {position:relative;width:1142px;margin:0 auto 0 auto;overflow:hidden}
.grid_2 li {width:548px;height:320px;float:left;margin-right:46px;text-align:left;background-color:#f6f6f6;display:inline}
.grid_2 li.right {margin-right:0px}
.g_title {padding-left:50px;padding-top:55px;color:#272a33;font-family:tex-bold;font-size:36px;}
.g_txt {padding-left:50px;padding-top:15px;color:#272a33;font-family:tex-bold;font-size:20px;}
.g_txt2 {padding-left:50px;padding-top:35px;color:#272a33;font-family:cursus;font-size:16px;}
.g_txt2 span {font-family:tex-bold;}

.grid_1 {position:relative;width:1142px;height:378px;margin:26px auto 40px auto;overflow:hidden;background-color:#f6f6f6;text-align:left}

.banner_m{position:relative;width:1140px;margin:0 auto 0 auto;overflow:hidden}
.banner_m li{float:left;height:722px;width:635px}
.banner_m li.bg_1{width:495px;background:url('/ccvc/img/ccvc/bg_banner_m1.png')}
.m_box {width:365px;height:482px;border:4px solid #272a33;position:absolute;margin:87px 0 0 98px;text-align:left;}
.m_title {margin-left:20px;margin-top:55px;color:#272a33;font-size:36px;line-height:43px;font-family:tex-bold}
.m_s_title {margin-left:20px;margin-top:22px;color:#c8cacc;font-size:20px;line-height:43px;font-family:tex-bold}
.m_txt {margin-left:20px;margin-top:22px;color:#353737;font-size:16px;line-height:24px;width:320px;height:204px;font-family:cursus}
.more {margin-left:45px;color:#1a1a1a;font-family:tex-bold;font-size:14px}
.arrow_l{position:absolute;bottom:37px;left:316px}

.banner_m li.bg_2{width:495px;background:url('/ccvc/img/ccvc/bg_banner_m2.png')}
.m_box2 {width:365px;height:482px;border:4px solid #272a33;position:absolute;margin:87px 0 0 650px;text-align:left}
.m_title2 {margin-left:20px;margin-top:55px;color:#272a33;font-size:36px;line-height:43px;font-family:tex-bold}
.m_s_title2 {margin-left:217px;margin-top:22px;color:#c8cacc;font-size:20px;line-height:43px;font-family:tex-bold}
.m_txt2 {margin-left:20px;margin-top:22px;color:#353737;font-size:16px;line-height:24px;width:320px;height:304px;font-family:cursus;overflow:hidden}
.more2 {margin-left:217px;color:#1a1a1a;font-family:tex-bold;font-size:14px}
.arrow_r{position:absolute;bottom:37px;right:316px}

.title_b{position:relative;width:100%;text-align:center;height:268px;background-color:#fff}
.title_b p{text-align:center;font-size:70px;color:#272a33;font-family:tex-bold;padding-top:130px}
.title_b span{color:#194e90}

.title_info{position:relative;width:100%;text-align:center;background-color:#272a33;overflow:hidden}
.title_info .txt1{color:#fff;font-size:38px;font-family:tex-bold;padding-top:75px}
.title_info .txt2{color:#fff;color:#fff;font-size:25px;line-height:30px;padding-top:30px;font-family:cursus;padding-bottom:60px}
.title_info_bt {position:relative;width:100%;text-align:center;height:60px;background:url('/ccvc/img/ccvc/bg_arrow_down.png') repeat-x}
.title_info_bt_cont {position:relative;width:100%;text-align:center;height:60px;background:url('/ccvc/img/ccvc/bg_arrow_down_contact.png') repeat-x}

.title_s{position:relative;width:100%;text-align:center;background-color:#fff;color:#272a33;font-size:40px;font-family:tex-bold;margin:85px auto 40px auto}

.team_menu {width:auto;position:relative;margin:70px auto 0 auto;overflow:hidden}
.team_menu li{height:45px;padding:0 20px 0 20px;font-size:34px;font-family:tex-bold;display:inline}
.team_menu li.on{color:#194e90}

.team_list {width:1188px;position:relative;margin:45px auto 0 auto;overflow:hidden}
.team_list .team_over {width:346px;height:522px;background:url('/ccvc/img/ccvc/team_over.png');float:left;position:absolute;z-index:100}
.team_list li{width:346px;height:522px;background-color:#fff;border:1px solid #e6e8eb;margin:0 24px 28px 24px;float:left}
.team_img {height:365px;width:346px;margin:0;background:url('/ccvc/img/ccvc/team_blank.png')}
.team_list .name {margin-top:9px;font-size:24px;color:#2b2b2b;font-family:tex-bold}
.team_list .title {margin-top:5px;font-size:14px;color:#a0a0a0;font-family:tex-bold}
.team_list .sns {margin-top:20px;}
.team_list .name_over {margin-top:60px;font-size:24px;color:#fff;font-family:tex-bold}
.team_list .over {color:#fff;}
.team_list .team_txt {margin-top:7px;font-size:12px;color:#fff;line-height:24px;padding:10px}


.btn_more {position:relative;background-color:#7d7f85;width:745px;height:50px;margin:0 auto 0 auto;font-size:18px;color:#fff;line-height:50px;margin-top:28px}

.company {width:1188px;position:relative;margin:90px auto 0 auto;overflow:hidden}
.company li{width:247px;height:364px;background-color:#fff;border:1px solid #e6e8eb;margin:0 24px 28px 24px;float:left}
.company .company_over {width:247px;height:auto;background-color:#272a33;float:left;position:absolute;z-index:100}
.company_logo {height:223px;width:223px;border-bottom:1px solid #e6e8eb;margin:44px auto 0 auto}
.company .name {margin-top:9px;font-size:24px;color:#2b2b2b;font-family:tex-bold}
.company .group {margin-top:5px;font-size:14px;color:#a0a0a0;font-family:tex-bold}
.company .link {margin-top:15px;}
.company .name_over {margin-top:30px;font-size:24px;color:#fff;font-family:tex-bold}
.company .over {color:#fff;}

.company .company_txt {margin-top:7px;font-size:12px;color:#fff;line-height:20px;padding:10px 20px 20px 20px}

.contact {width:1142px;margin:60px auto 60px auto;position:relative;overflow:hidden}
.contact li {width:570px;display:inline;float:left;text-align:left}
.contact li.line {width:570px;border-left:2px solid #202229}
.num {padding-left:98px;color:#2d6fc3;font-family:tex-bold;font-size:30px;}
.con_title{padding-left:98px;padding-bottom:15;font-family:tex-bold;font-size:30px;color:#fffefe}
.add{padding-left:98px;padding-bottom:29px;color:#fff;font-family:cursus;font-size:18px;line-height:29px}
.map {margin-left:98px;color:#a0a0a0;font-size:18px;border:1px solid #fff;width:137px;height:50px;text-align:center;line-height:50px}
.map.on {border:1px solid #fff;color:#272a33;background-color:#fff}

@media (max-width: 1024px) {
.gnb {width:100%;}
.gnb h1 {left:20px}
.nav {right:0px;width: 450px;}
.nav li{font-size:16px;margin:0 10px 0 10px;color:#fff}

.banner{height:480px;}
.banner_txt {width:600px;margin-top:15%;}
.banner_txt .txt1{color:#fff;font-size:30px}
.banner_txt p{font-size:39px;height:60px;line-height:40px;margin:8px auto 20px auto;}
.banner_txt .txt2{font-size:16px;line-height:18px;}


.team_menu {width:auto;position:relative;margin:70px auto 0 auto;overflow:hidden}
.team_menu li{height:45px;padding:0 20px 0 20px;font-size:28px;font-family:tex-bold;display:inline}
.team_menu li.on{color:#194e90}

.team_list {width:700px;position:relative;margin:90px auto 0 auto;overflow:hidden}
.team_list li{width:300px;height:522px;background-color:#fff;border:1px solid #e6e8eb;margin:0 24px 28px 24px;float:left}
.team_list .team_over {width:300px;height:522px;}

.team_list img {max-width:100%}
.team_list li.on{background-color:#272a33;border:1px solid #3d4049;}
.team_img {height:365px;width:300px;margin:0;background:url('/ccvc/img/ccvc/team_blank.png')}
.team_list .name {margin-top:9px;font-size:24px;color:#2b2b2b;font-family:tex-bold}
.team_list .title {margin-top:5px;font-size:14px;color:#a0a0a0;font-family:tex-bold}
.team_list .sns {margin-top:20px;}

.btn_more {position:relative;background-color:#7d7f85;width:600px;height:50px;margin:0 auto 0 auto;font-size:18px;color:#fff;line-height:50px}

.company {width:700px;position:relative;margin:90px auto 0 auto;overflow:hidden}
.company img {max-width:100%}
.company li{width:200px;height:364px;background-color:#fff;border:1px solid #e6e8eb;margin:0 14px 28px 14px;float:left}
.company .company_over {width:200px;height:auto;}

.company_logo {height:223px;width:200px;border-bottom:1px solid #e6e8eb;margin:22px auto 0 auto}
.company .name {margin-top:9px;font-size:24px;color:#2b2b2b;font-family:tex-bold}
.company .group {margin-top:5px;font-size:14px;color:#a0a0a0;font-family:tex-bold}
.company .name_over {margin-top:15px;font-size:24px;color:#fff;font-family:tex-bold}
.company .company_txt {margin-top:7px;font-size:10px;color:#fff;line-height:16px;padding:10px 20px 20px 20px}

.contact {width:700px;margin:60px auto 60px auto;position:relative;overflow:hidden}
.contact li {width:349px;display:inline;float:left;text-align:left}
.contact li.line {width:349px;border-left:2px solid #202229}
.num {padding-left:20px;color:#2d6fc3;font-family:tex-bold;font-size:20px;}
.con_title{padding-left:20px;padding-bottom:15;font-family:tex-bold;font-size:20px;color:#fffefe}
.add{padding-left:20px;padding-bottom:29px;color:#fff;font-family:cursus;font-size:14px;line-height:24px}

.grid_2 {position:relative;width:100%;margin:0 auto 0 auto;overflow:hidden}
.grid_2 li {width:100%;margin-right:0;}
.grid_2 li.right {margin-top:46px;}
.g_title {padding-left:20px;padding-top:55px;color:#272a33;font-family:tex-bold;font-size:36px;}
.g_txt {padding-left:20px;padding-top:15px;color:#272a33;font-family:tex-bold;font-size:20px;}
.g_txt2 {padding-left:20px;padding-top:35px;color:#272a33;font-family:cursus;font-size:16px;}
.g_txt2 span {font-family:tex-bold;}

.grid_1 {position:relative;width:100%;height:378px;margin:46px auto 40px auto;overflow:hidden;background-color:#f6f6f6;text-align:left}

.banner_m{position:relative;width:700px;margin:0 auto 0 auto;overflow:hidden}
.banner_m li img{max-width:100%}
.banner_m li{float:left;height:443px;width:396px}
.banner_m li.bg_1{width:304px;background-size:contain}
.m_box {width:366px;height:303px;border:3px solid #272a33;position:absolute;margin:53px 0 0 60px;text-align:left}
.m_title {margin-left:25px;margin-top:20px;color:#272a33;font-size:22px;line-height:30px;font-family:tex-bold}
.m_s_title {margin-left:25px;margin-top:8px;color:#c8cacc;font-size:18px;line-height:25px;font-family:tex-bold}
.m_txt {margin-left:25px;margin-top:8px;color:#353737;font-size:12px;line-height:18px;width:204px;height:130px;font-family:cursus;overflow:hidden}
.more {margin-left:25px;color:#1a1a1a;font-family:tex-bold;font-size:14px}
.arrow_l{position:absolute;bottom:24px;left:173px}
.arrow_l img{width:60px}

.banner_m li.bg_2{width:304px;background-size:contain}
.m_box2 {width:366px;height:303px;border:3px solid #272a33;position:absolute;margin:53px 0 0 274px;text-align:left}
.m_title2 {margin-left:138px;margin-top:20px;color:#272a33;font-size:22px;line-height:30px;font-family:tex-bold}
.m_s_title2 {margin-left:138px;margin-top:8px;color:#c8cacc;font-size:18px;line-height:25px;font-family:tex-bold}
.m_txt2 {margin-left:138px;margin-top:8px;color:#353737;font-size:12px;line-height:18px;width:194px;height:130px;font-family:cursus;overflow:hidden}
.more2 {margin-left:138px;color:#1a1a1a;font-family:tex-bold;font-size:14px}
.arrow_r{position:absolute;bottom:24px;right:173px}
.arrow_r img{width:60px}


}

@media (max-width: 700px) {

#header{position: fixed;width:100%;height: 60px;text-align:center;margin: 0 auto 0 auto;z-index:1000;}
.gnb {position: relative;z-index: 100;height: 60px;width:1140px;margin:0 auto 0 auto;background:url('/ccvc/img/ccvc/menu_bg.png') no-repeat}
.gnb.scroll {background-color:#194e90}
.gnb h1 {position: absolute;top: 15px;left:10px}

.nav {display:none;}
.nav_m {position: fixed;right:0;width: 100%;top:60px;display:block;background-color:#194e90;padding-bottom:300px;}
.nav_m li{height:70px;float:left;font-size:20px;color:#000;line-height:110px;width:100%;margin:0;color:#fff}
.nav_m li.line{height:5px}

.btn_menu_m {position: absolute;right:10px;width: 40px;height:40px;top:10px;overflow:hidden;z-index:100;display:block}
.banner{height:480px;}

.banner_txt {width:300px;overflow:hidden;margin-top:20%;}
.banner_txt .txt1{color:#fff;font-size:18px}
.banner_txt p{font-size:19px;height:40px;line-height:30px;margin:2px auto 20px auto;}
.banner_txt .txt2{font-size:14px;line-height:10px;}

.title_b{position:relative;width:100%;text-align:center;height:108px;background-color:#fff}
.title_b p{text-align:center;font-size:20px;color:#272a33;font-family:tex-bold;padding-top:50px}
.title_b span{color:#194e90}
.title_info{position:relative;width:100%;text-align:center;background-color:#272a33;overflow:hidden}
.title_info .txt1{color:#fff;font-size:20px;font-family:tex-bold;padding-top:75px}
.title_info .txt2{color:#fff;font-size:16px;color:#fff;line-height:18px;padding-top:30px;font-family:cursus;padding-bottom:60px}
.title_info_bt {position:relative;width:100%;text-align:center;height:60px;background:url('/ccvc/img/ccvc/bg_arrow_down.png') repeat-x}
.title_info_bt_cont {position:relative;width:100%;text-align:center;height:60px;background:url('/ccvc/img/ccvc/bg_arrow_down_contact.png') repeat-x}

.title_s{position:relative;width:100%;text-align:center;background-color:#fff;color:#272a33;font-size:20px;font-family:tex-bold;margin:85px auto 40px auto}


.btn_more {position:relative;background-color:#7d7f85;width:300px;height:50px;margin:0 auto 0 auto;font-size:18px;color:#fff;line-height:50px}
.grid_2 li{height:200px}
.grid_2 li.right {margin-top:25px;}
.grid_1 {margin:25px auto 20px auto;height:200px}
.g_title {padding-left:10px;padding-top:10px;color:#272a33;font-family:tex-bold;font-size:20px;}
.g_txt {padding-left:10px;padding-top:10px;color:#272a33;font-family:tex-bold;font-size:16px;}
.g_txt2 {padding-left:10px;padding-top:15px;color:#272a33;font-family:cursus;font-size:12px;}
.g_txt2 span {font-family:tex-bold;}

.team_menu li{height:30px;padding:0 2px 0 2px;font-size:25px;}

.team_list {width:302px;position:relative;margin:20px auto 0 auto;overflow:hidden}
.team_list li{width:300px;height:522px;background-color:#fff;border:1px solid #e6e8eb;margin:0 auto 28px auto;float:left}
.team_list .team_over {width:300px;height:522px;}

.team_list img {max-width:100%}
.team_list li.on{background-color:#272a33;border:1px solid #3d4049;}
.team_img {height:365px;width:300px;margin:0;background:url('/ccvc/img/ccvc/team_blank.png')}
.team_list .name {margin-top:9px;font-size:24px;color:#2b2b2b;font-family:tex-bold}
.team_list .title {margin-top:5px;font-size:14px;color:#a0a0a0;font-family:tex-bold}
.team_list .sns {margin-top:20px;}

.company {width:304px;position:relative;margin:90px auto 0 auto;overflow:hidden}
.company img {max-width:100%}
.company li{width:140px;height:264px;background-color:#fff;border:1px solid #e6e8eb;margin:0 5px 28px 5px;float:left}
.company .company_over {width:140px;height:auto;}

.company_logo {height:140px;width:140px;border-bottom:1px solid #e6e8eb;margin:22px auto 0 auto}
.company .name {margin-top:9px;font-size:24px;color:#2b2b2b;font-family:tex-bold}
.company .group {margin-top:5px;font-size:14px;color:#a0a0a0;font-family:tex-bold}
.company .name_over {margin-top:15px;font-size:24px;color:#fff;font-family:tex-bold}
.company .company_txt {margin-top:7px;font-size:10px;color:#fff;line-height:16px;padding:10px 20px 20px 20px}

.contact {width:300px;margin:60px auto 60px auto;position:relative;overflow:hidden}
.contact li {width:300px;display:inline;float:left;text-align:left}
.contact li.line {width:300px;border-top:2px solid #202229;border-left:0;margin-top:20px}
.map {margin-left:10px;color:#a0a0a0;font-size:18px;border:1px solid #fff;width:137px;height:50px;text-align:center;line-height:50px}


.banner_m{width:320px;}
.banner_m li{height:203px;width:181px}
.banner_m li.bg_1{width:139px;background-size:contain}
.m_box {width:165px;height:135px;border:2px solid #272a33;margin:24px 0 0 40px;}
.m_title {margin-left:12px;margin-top:12px;font-size:12px;line-height:12px;}
.m_s_title {margin-left:12px;margin-top:2px;font-size:8px;line-height:18px;}
.m_txt {margin-left:12px;margin-top:2px;font-size:6px;line-height:10px;width:89px;height:52px;}
.more {margin-left:12px;color:#1a1a1a;font-family:tex-bold;font-size:6px}
.arrow_l{bottom:8px;left:75px}
.arrow_l img{width:30px}

.banner_m li.bg_2{width:139px;background-size:contain}
.m_box2 {width:165px;height:135px;border:2px solid #272a33;margin:24px 0 0 123px}
.m_title2 {margin-left:60px;margin-top:12px;font-size:12px;line-height:12px;}
.m_s_title2 {margin-left:60px;margin-top:2px;font-size:8px;line-height:18px;}
.m_txt2 {margin-left:60px;margin-top:2px;font-size:6px;line-height:10px;width:89px;height:52px;}
.more2 {margin-left:60px;color:#1a1a1a;font-family:tex-bold;font-size:6px}
.arrow_r{bottom:8px;right:75px}
.arrow_r img{width:30px}

}