@charset "utf-8";

@media all and (max-width:800px){
.mtxtb {display:block;}

#wrap {margin:0px; padding:0px; width:100%; height:100%; min-height:100%; position:relative; }
#video_content { display:none;}
/*PROGECT_CLOSE*/
#projectBar {height:45px;}
#projectBar p {font-size:1.3em; margin-top:10px; padding-bottom:8px; position:absolute; width:100%; border:0px solid #003333;}
#projectBar p img {width:25px;}
#projectBar .closeBt {display:block; z-index:9999; float:right; margin-right:9px; margin-top:6px;}
#projectBar .closeBt img {width:10px;}

#projectOpen {z-index:9999; overflow:hidden;}
#projectOpen .bar {text-align:center; color:#FFFFFF; font-size:1.3em; letter-spacing:-1px; padding-top:8px; padding-bottom:10px;}
#projectOpen .bar img {width:25px;}
#projectOpen .inquire {width:100%; padding-top:0px; padding-bottom:0px;  overflow:hidden; }
#projectOpen .inquire .title {margin-left:10px; margin-right:10px; margin-top:10px;}
#projectOpen .inquire .inputBox {margin-left:10px; margin-right:10px; border:0px solid #666666;}
#projectOpen .inquire .inputBox .file_input_txtbox {width:66%;}
#projectOpen .inquire .inputBox .file_input_div {width:25%; height:33px;}
#projectOpen .inquire .inputBox .file_input_button {font-size:1.2em;} 
#projectOpen .inquire .inputBox span {margin-left:0px; margin-top:5px;}
#projectOpen .inquire .inputBox span#span_url{display:inline-block; vertical-align:top; width:90%;}
#projectOpen .inquire .inputBox .inpW1 {width:90%;}
#projectOpen .inquire .inputBox .inpW2 {width:90%;}
#projectOpen .inquire .inputBox .inpW3 {width:90%;}
#projectOpen .inquire .inputBox .inpW4 {width:100%;}
#projectOpen .inquire .radioBox  {margin-left:20px; margin-right:20px; font-size:1.2em;}
#projectOpen .inquire .radioBox .box1 {width:48%;}
#projectOpen .inquire .radioBox .box2 {width:48%;}
#projectOpen .inquire .radioBox .box3 {width:48%;}
#projectOpen .inquire .radioBox .box4 {width:48%;}
#projectOpen .inquire .radioBox .bt {overflow:hidden; margin-top:10px;}
#projectOpen .inquire .radioBox .bt li:first-child {float:none; font-size:0.9em; letter-spacing:-1px; margin-top:0px;}
#projectOpen .inquire .radioBox .bt li+li {border:1px solid #FFFFFF; padding-top:8px; padding-bottom:11px; text-align:center; font-size:1.2em; letter-spacing:-2px; width:100px; float:right; color:#FFFFFF; margin-top:10px;}

#projectOpen .inquire .inputBox .inp_style2 {height:50px;}
#projectOpen .inquire .inputBox .inp_style2:hover {height:50px;}
#projectOpen .inquire .inputBox .inp_style2_on {height:50px;}

/*
#mprojectOpen {position:fixed; max-height:100%; bottom:0%; width:100%; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000, endColorstr=#E6000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000, endColorstr=#E6000000)"; zoom:1; z-index:9999; overflow:hidden; display:block;}
#mprojectOpen .bar {text-align:center; color:#FFFFFF; font-size:1.3em; letter-spacing:-1px; padding-top:8px; padding-bottom:10px; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000, endColorstr=#E6000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000, endColorstr=#E6000000)"; zoom:1;cursor:pointer;}
#mprojectOpen .bar img {width:25px;}
#mprojectOpen .bar span {margin-left:16px;}

#mprojectOpen .inquire {width:100%; padding-top:0px; padding-bottom:0px;  overflow:hidden;display:none;}
#mprojectOpen .inquire .title {color:#8d8d8d; font-size:1.1em; margin-left:10px; margin-right:10px; margin-top:10px;}
#mprojectOpen .inquire .title span {color:#ffffff; margin-right:5px; margin-left:0px; margin-top:5px;}
#mprojectOpen .inquire .inputBox {overflow:hidden; margin-top:16px; margin-left:10px; margin-right:10px; border:0px solid #666666;}
#mprojectOpen .inquire .inputBox span {margin-left:0px; margin-top:12px;}
#mprojectOpen .inquire .inputBox .inpW1 {width:90%;}
#mprojectOpen .inquire .inputBox .inpW2 {width:90%;}
#mprojectOpen .inquire .inputBox .inpW3 {width:90%;}
#mprojectOpen .inquire .radioBox {overflow:hidden; margin-top:3px; margin-left:20px; margin-right:20px; font-size:1.2em;}
#mprojectOpen .inquire .radioBox p {margin-top:5px;}
#mprojectOpen .inquire .radioBox .box1 {width:48%; float:left; letter-spacing:-1px;}
#mprojectOpen .inquire .radioBox .box2 {width:48%; float:left; letter-spacing:-1px;}
#mprojectOpen .inquire .radioBox .box3 {width:48%; float:left; letter-spacing:-1px;}
#mprojectOpen .inquire .radioBox .box4 {width:48%; float:left; letter-spacing:-1px;}
#mprojectOpen .inquire .radioBox .bt {overflow:hidden; margin-top:10px; padding-bottom:45px;}
#mprojectOpen .inquire .radioBox .bt li:first-child {float:none; font-size:0.9em; letter-spacing:-1px; margin-top:0px;}
#mprojectOpen .inquire .radioBox .bt li+li { border:1px solid #FFFFFF; padding-top:8px; padding-bottom:11px; text-align:center; font-size:1.2em; letter-spacing:-2px; width:100px; float:right; color:#FFFFFF; margin-top:10px;}

#mprojectOpen .inquire .inputBox .inp_style {height:28px; background-color:#2b2b2b; border:1px solid #2b2b2b; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:20px; color:#717171; font-size:1.17em;}
#mprojectOpen .inquire .inputBox .inp_style:hover {height:28px; background-color:#2b2b2b; border:1px solid #FFFFFF; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:20px; color:#FFFFFF; font-size:1.17em;}
#mprojectOpen .inquire .inputBox .inp_style_on {height:28px; background-color:#2b2b2b; border:1px solid #FFFFFF; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:20px; color:#FFFFFF; font-size:1.17em;}

#mprojectOpen .inquire .inputBox .file_input_txtbox {float:left; height:28px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 0px 0px 5px; behavior:url(PIE.htc); background-color:#2b2b2b; border:none; width:66%; color:#717171; padding-left:20px;}
#mprojectOpen .inquire .inputBox .file_input_div {position:relative; width:25%; height:30px; overflow:hidden; border:0px solid #FF0033;}
#mprojectOpen .inquire .inputBox .file_input_button { width:100%; position:absolute; top:0px; left:0px;  color:#717171; background-color:#3a3a3a; border:none; height:100%; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 0px 5px 5px 0px; behavior:url(PIE.htc); font-size:1.2em; -webkit-appearance:none} 
#mprojectOpen .inquire .inputBox .file_input_hidden {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -moz-opacity:0}

#mprojectOpen .inquire .radioBox input {display:none;}
#mprojectOpen .inquire .radioBox .radio_style + label{display:inline-block; height:20px; padding:0 0 0 22px; background:url(../img/radio_off.png) no-repeat left; }
#mprojectOpen .inquire .radioBox .radio_style:checked + label{background:url(../img/radio_on.png) no-repeat left; color:#FFFFFF; }

#mprojectOpen .inquire .inputBox .txtare_style {background-color:#2b2b2b; border:1px solid #2b2b2b; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:20px; color:#717171; font-size:1.333em; padding-top:20px;}
#mprojectOpen .inquire .inputBox .txtare_style:hover {background-color:#2b2b2b; border:1px solid #FFFFFF; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:20px; color:#FFFFFF; font-size:1.333em; padding-top:20px;}
#mprojectOpen .inquire .inputBox .txtare_style_on {background-color:#2b2b2b; border:1px solid #FFFFFF; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:20px; color:#FFFFFF; font-size:1.333em; padding-top:20px;}*/

/*TOP_BT*/
#mtopBt {display:block; position:fixed; z-index:90; right:10px; bottom:-100px;}
#mtopBt img {width:50px;}

/*TOP*/
#mtop {display:block; position:fixed; z-index:90; top:0px; width:100%;}
#mtop ul {overflow:hidden; background: rgba(250, 250, 250, 0.8); }
#mtop ul li:first-child {float:left; margin-left:10px; padding-top:16px;}
#mtop ul li:first-child img { width:150px;}
#mtop ul li+li {float:right; margin-right:10px; padding-top:16px; padding-bottom:16px; border-left:1px solid #ededed; padding-left:10px;}
#mtop ul li+li img {width:25px;}

/*HEADER*/
#mheader {overflow:hidden; position:absolute; top:9px; z-index:30; width:100%; display:block;}
#mheader ul li:first-child {float:left; margin-left:10px;}
#mheader ul li:first-child img {width:60px;}
#mheader ul li+li {float:right; margin-right:10px;}
#mheader ul li+li img {width:25px;}

/*LEFTNAV overflow-y:scroll; */
#leftNav {overflow:hidden; width:160px; position:fixed; background-color:#FFFFFF; border-right:1px solid #ededed; z-index:999;display:none;left:-100%; bottom:43px; top:0px;  -webkit-overflow-scrolling:touch;}
#leftNav h1 {margin-top:24px; text-align:center;}
#leftNav h1 img { width:83px;}
#leftNav .line {font-size:0px; margin-top:30px; text-align:center; margin-bottom:20px; }
#leftNav .line2 {font-size:0px; margin-top:50px;  text-align:center; margin-bottom:10px;}
#leftNav .line3 {font-size:0px; margin-top:30px; text-align:center; margin-bottom:10px;}
#leftNav .line3 img { width:0px;}


#leftNav dl {overflow:hidden; text-align:center;}
#leftNav dl dt p {font-size:1.2em; color:#010101; font-weight:600;}
#leftNav dl dd { margin-top:10px;}
#leftNav dl dd p {font-size:1em; margin-top:10px;}
#leftNav dl+dl {margin-top:47px;}
#leftNav dl dd{display:none;}

#leftNav .phonContact {text-align:center; padding-bottom:20px; bottom:0px; position:static;}
#leftNav .phonContact .txt1 {font-weight:600;}
#leftNav .phonContact .txt2 { font-size:1.2em;}

#top {display:none;}
#top2 {display:none;}

/*FOOTER*/
#footer {margin-left:0px;}
#footer .sitemap {padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px;}
#footer .sitemap ul { overflow:hidden; width:100%; float:none; border:0px solid #333333; margin-top:24px;}
#footer .sitemap ul .line2 { border-left:1px solid #e3e3e3; padding-left:10px;}
#footer .sitemap ul dl { height:170px;}
#footer .sitemap ul dl dt span {color:#9c9c9c; font-size:1.083em;}
#footer .sitemap ul dl dt p { font-weight:600; letter-spacing:-2px; font-size:1.1em; margin-top:8px;}
#footer .sitemap ul dl dd { line-height:22px; letter-spacing:-1px; margin-top:10px;}
#footer .sitemap ul+ul+ul {width:100%;}
#footer .sitemap ul+ul+ul li { width:100%;}
#footer .sitemap ul li {width:50%; float:left;}
#footer .copyright { margin-left:10px; margin-right:10px;}


/*MAIN*/
/*VISUAL*/
#main {overflow:hidden; min-height:100%; width:100%; height:100%; border:0px solid #333333; position:absolute; top:0px; left:0px; overflow-y:scroll; margin-left:0px;}
#main .visual {border:0px solid #333333; overflow:hidden; position:relative; height:100%; width:100%; min-width:100%; margin-left:0px;}
#main .visual .pvImg {display:none;}
#main .visual .mvImg {display:block;}


#main .visual .visualPaging {overflow:hidden; position:absolute; z-index:80; bottom:12%; width:100%;}
#main .visual .visualPaging .box {overflow:hidden}
#main .visual .visualPaging .box ul {text-align:center; margin:auto; width:100px;  overflow:hidden; position:relative;}
#main .visual .visualPaging .box ul li {float:left;}
#main .visual .visualPaging .box ul li+li+li {float:right;}
#main .visual .visualPaging .box ul li img {width:20px; margin-top:3px;}
#main .visual .visualPaging .box ul .num {text-align:center; position:absolute; width:100%; font-size:1.5em; color:#FFFFFF;}

#main .visual .visualTxtBt {overflow:hidden; position:absolute; z-index:80; left:219px; left:13px; bottom:21%;display:none;margin-left:9%;}
#main .visual .visualTxtBt .txt1 {display:block; overflow:hidden;  color:#262626;  margin-left:0px;}
#main .visual .visualTxtBt .txt1 .stxt1 {letter-spacing:-1px; font-weight:400; padding-bottom:10px;  font-size:2em;}
#main .visual .visualTxtBt .txt1 .stxt2 {font-weight:700; font-size:3.7em; letter-spacing:-2px; margin-top:0px; line-height:15px;}
#main .visual .visualTxtBt .txt1 .stxt3 {font-weight:700; font-size:3.7em; letter-spacing:-2px; margin-top:0px;}
#main .visual .visualTxtBt .txt2 {overflow:hidden; color:#262626;  font-size:1.15em; letter-spacing:-1px; font-weight:600; line-height:22px;}
#main .visual .visualTxtBt .bt {overflow:hidden; color:#262626;  font-size:1.15em; margin-left:0px; font-weight:600; margin-top:15px; letter-spacing:-1px;}
#main .visual .visualTxtBt .bt li {width:100px; text-align:center; border:1px solid #262626; float:left; line-height:25px; height:30px; }
#main .visual .visualTxtBt .bt li+li {margin-left:10px;}

#main .visual .visualCon {overflow:hidden; position:absolute; z-index:80; left:10px; top:18%; width:95%; display:none;} 
#main .visual .visualCon img {width:100%;}


/*BUSINESS*/
#main .business {border:0px solid #333333; margin-left:0px; position:relative; overflow:hidden; border-bottom:1px solid #f5f5f5;}
#main .business ul {overflow:hidden; text-align:center;}
#main .business ul .miconS3 {background-color:#262626; width:100%; padding-top:20px; padding-bottom:20px;  overflow:hidden; display:block; } 
#main .business ul .miconS3 p {font-size:2.8em; color:#ffffff; text-align:-1.5px; font-weight:600; line-height:30px; }
#main .business ul .miconS3 .line {font-size:0px; margin-top:14px; margin-bottom:10px;}
#main .business ul .miconS3 .line img {height:1px;}
#main .business ul .miconS3 .txt {font-size:1.10em; color:#FFFFFF; letter-spacing:-1px; line-height:22px;  padding-left:10px; padding-right:10px;}
#main .business ul .iconS1 {background-color:#f5f5f5; width:50%; float:left; padding-top:30px; padding-bottom:40px;}
#main .business ul .iconS1 p {padding-top:15px; font-size:1.3em; font-weight:600; letter-spacing:-1px;}
#main .business ul .iconS1 span {font-size:1.10em;}
#main .business ul .iconS2 {background-color:#ffffff; width:50%; float:left; padding-top:30px; padding-bottom:40px;}
#main .business ul .iconS2 p {padding-top:15px; font-size:1.3em; font-weight:600; letter-spacing:-1px;}
#main .business ul .iconS2 span {font-size:1.10em;}
#main .business ul img {width:70px;}
#main .business ul .iconS3 {display:none;}


/*PORTFOLIO*/
#main .portfolio {width:100%; height:auto;} 
#main .portfolio .box .plist {width:100%; overflow:hidden; border-bottom:5px solid #f5f5f5; padding-bottom:20px;}
#main .portfolio .box .plist h1 {margin-top:20px; text-align:center; margin-left:0px;}
#main .portfolio .box .plist h1 img {width:120px}
#main .portfolio .box .plist dl {margin-left:0px; overflow:hidden; }
#main .portfolio .box .plist dl dt {font-size:1.300em; letter-spacing:-1px; font-weight:600; margin-top:17px; text-align:center; } 
#main .portfolio .box .plist dl .pctxt {display:none;}
#main .portfolio .box .plist dl .tmOnoff {display:block; overflow:hidden;}
#main .portfolio .box .plist dl .tmOnoff ul {overflow:hidden; text-align:center; margin-top:8px; margin-bottom:10px;}
#main .portfolio .box .plist dl .tmOnoff ul li {display:inline; }
#main .portfolio .box .pimg {width:100%; border:0px solid #003333; overflow:hidden; height:180px; min-width:100%; position:relative;}
#main .portfolio .box .pimg img {width:100%; min-height:100%; height:auto;}
#main .portfolio .box .pimg .txtBox {width:100%; bottom:0px;}
#main .portfolio .box .pimg .txtBox .txt1 {font-size:1.5em; margin-left:10px; letter-spacing:-2px; margin-bottom:20px; margin-top:30px;}
#main .portfolio .box .pimg .txtBox .txt2 {display:none}
#main .portfolio .box .pimg .txtBox .bt {display:none}


/*IMGCON1*/
#main .imgCon1 {height:auto; border-top:10px solid #f5f5f5; margin-left:0px;}
#main .imgCon1 ul {margin-left:0px;}
#main .imgCon1 ul li {overflow:hidden; height:180px; min-width:100%; position:relative;}
#main .imgCon1 ul li .txtBox {position:absolute; background: rgba(255, 255, 255, 0.8); width:70%; left:15%; top:15%; text-align:center; overflow:hidden}
#main .imgCon1 ul li .txtBox .txt1 {font-size:3em; font-weight:600; margin-top:20px; letter-spacing:-2px;}
#main .imgCon1 ul li .txtBox .txt2 {font-size:1.167emem; margin-top:5px;  margin-bottom:20px; margin-left:10px; margin-right:10px;}


/*IMGCON2*/
#main .imgCon2 {margin-left:0px; height:auto; width:100%; border:0px solid #333333;}
#main .imgCon2 .txtBox .txt1 {margin-top:60px; font-size:1em;}
#main .imgCon2 .txtBox .txt2 {font-size:1.300em; margin-top:10px; font-weight:600; letter-spacing:-3px; line-height:25px}
#main .imgCon2 .txtBox .line {width:53px; margin:20px auto;}
#main .imgCon2 .txtBox .line img {width:53px;}
#main .imgCon2 .txtBox .txt3 {font-weight:600; margin-left:10px; margin-right:10px; font-size:1.1em;}
#main .imgCon2 .txtBox .txt4 {margin-top:8px; font-weight:600; margin-left:10px; margin-right:10px; font-size:1.1em;}
#main .imgCon2 .ptImg {display:none;}
#main .imgCon2 .mImg {display:block}
#main .imgCon2 .mImg {height:340px; min-width:100%;}
#main .imgCon2 img {width:100%; height:auto; min-height:100%}


/*IMGCON3*/
#main .imgCon3 {height:auto; margin-left:0px;}
#main .imgCon3 ul {margin-left:0px;}
#main .imgCon3 ul li {overflow:hidden; height:170px; min-width:100%; position:relative;}
#main .imgCon3 ul li .txtBox .txt1 {font-size:1.6em; font-weight:600; margin-top:10px; letter-spacing:-2px;}
#main .imgCon3 ul li .txtBox .txt2 {font-size:1.167emem; margin-top:10px;  margin-bottom:56px;}





/*SUB*/
#sub {overflow:hidden; min-height:100%; width:100%; height:100%; border:0px solid #333333; top:0px; left:0px; overflow-y:scroll; position:relative; margin-left:0px;}

/*title*/
#sub .title {overflow:hidden; padding-top:39px; margin-left:0px; padding-bottom:33px; position:relative; z-index:30; background-color:#FFFFFF;}
#sub .title h1 {margin-left:10px; font-size:1.5em; margin-top:20px; letter-spacing:-1.5px;}
#sub .title h2 {padding-left:10px; font-size:2em; letter-spacing:-3px; margin-top:2px;}
#sub .title ul {overflow:hidden; margin-right:50px;}/*portfolio*/
#sub .title ul li {float:none;}
#sub .title ul li+li {display:none;}

/*ABOUT*/
#sub .type1 {overflow:hidden; margin-left:0px;}
#sub .aboutTitle  {font-size:1.3em; padding-top:10px; padding-bottom:13px; letter-spacing:5px; background-color:#FFFFFF;}
#sub .type1 .topBg {background:url(../img/sub1/titleImg.jpg) no-repeat; background-position:center; background-size:cover; position:fixed; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type1 .imgBg1 { }
#sub .type1 .imgBg1 .txt {padding-top:150px;}
#sub .type1 .imgBg1 .txt span {font-size:2em; letter-spacing:-1px;}
#sub .type1 .imgBg1 .txt p {font-size:2.5em; letter-spacing:-2px;}
#sub .type1 .content  {background-color:#FFFFFF;}
#sub .type1 .content .txt1 {font-size:1.35em; letter-spacing:-2px; font-weight:600; line-height:23px; margin-top:30px; margin-left:10px; margin-right:10px;}
#sub .type1 .content .line {font-size:0px; margin-top:20px;}
#sub .type1 .content .line img {width:90px; height:1px;}
#sub .type1 .content .txt2 {font-size:1.1em; letter-spacing:-1px; line-height:20px; margin-top:20px; margin-left:10px; margin-right:10px;}
#sub .type1 .content .txt3 {font-size:1.1em; letter-spacing:-1px; line-height:20px; margin-top:25px; padding-bottom:60px; margin-left:10px; margin-right:10px;}
#sub .type1 .content ul {width:auto; margin:10px; text-align:center; overflow:hidden; padding-top:10px; padding-bottom:10px;}
#sub .type1 .content ul li {float:none; font-size:1.2em; line-height:20px;}
#sub .type1 .content ul li+li {margin-top:10px; margin-left:0px;}
#sub .type1 .content ul li+li+li {margin-left:0px;}
#sub .type1 .content ul img {width:150px;}
#sub .type1 .imgBg2 {background:url(../img/sub1/conImg1_m.jpg) no-repeat; background-position:center; background-size:cover;  min-height:300px;}
#sub .type1 .imgBg2 .box {position: relative; width:auto; margin:auto; text-align:center; color:#FFFFFF; padding-top:40px; margin-left:10px; margin-right:10px;}
#sub .type1 .imgBg2 .box .txt1 {font-size:3em;}
#sub .type1 .imgBg2 .box .txt2 {font-size:1.35em; letter-spacing:-2px; margin-top:15px;}
#sub .type1 .imgBg2 .box .txt3 {margin-top:19px; overflow:hidden;}
#sub .type1 .imgBg2 .box .txt3 .phonnum {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff)"; zoom:1; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); width:90%;  height:33px;}
#sub .type1 .imgBg2 .box .txt3 p {font-size:1.1em; letter-spacing:-1px; margin-top:6px; text-align:center;}
#sub .type1 .imgBg2 .box .snsIcon {overflow:hidden; margin-top:20px;}
#sub .type1 .imgBg2 .box .snsIcon ul {width:190px; margin:auto; border:1px solid #FFFFFF; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); overflow:hidden;}
#sub .type1 .imgBg2 .box .snsIcon ul li {float:left; text-align:left; margin-top:8px; margin-bottom:8px;}
#sub .type1 .imgBg2 .box .snsIcon ul li:first-child {margin-left:10px;}
#sub .type1 .imgBg2 .box .snsIcon ul li+li {margin-left:8px;}
#sub .type1 .imgBg2 .box .snsIcon ul li+li span {font-size:1.1em;}
#sub .type1 .imgBg2 .box .snsIcon ul li+li p {font-size:1.3em; font-weight:600;}
#sub .type1 .imgBg2 .box .snsIcon img { width:35px; margin-top:3px;}
#sub .type1 .map {background:url(../img/sub1/conImg2.jpg) no-repeat; background-position:center; background-size:cover; min-height:200px; border:15px solid #FFFFFF}
#sub .type1 #map { height:300px} 
#sub .type1 .imgCon3 {height:auto;}
#sub .type1 .imgCon3 ul {margin-left:0px;}
#sub .type1 .imgCon3 ul li {overflow:hidden; height:170px; min-width:100%; position:relative;}
#sub .type1 .imgCon3 ul li .txtBox .txt1 {font-size:1.6em; font-weight:600; margin-top:10px; letter-spacing:-2px;}
#sub .type1 .imgCon3 ul li .txtBox .txt2 {font-size:1.167emem; margin-top:10px;  margin-bottom:56px;}

/*ABOUT2*/
#sub .type1_2 .topBg {background:url(../img/sub1/titleImg.jpg) no-repeat; background-position:center; background-size:cover; position:fixed; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type1_2 {overflow:hidden; margin-left:0px;}
#sub .type1_2 dl dt ul {margin-left:10px; margin-right:20px; overflow:hidden;}
#sub .type1_2 dl dt ul li {float:left;}
#sub .type1_2 dl dt ul li:first-child {width:100px; border:0px solid #CCCCCC;}
#sub .type1_2 dl dt ul li p {float:none; }
#sub .type1_2 dl dt ul li .year {color:#FFFFFF; opacity:0.2; font-size:2.500em; margin-top:5px; letter-spacing:-2px;}
#sub .type1_2 dl dt ul li .txt {display:none;}
#sub .type1_2 dl dt ul li+li {float:right;}
#sub .type1_2 dl dt ul li+li .line {float:left;}
#sub .type1_2 dl dt ul li+li .line img {height:55px; width:1px;}
#sub .type1_2 dl dt ul li+li .icon {float:left; margin-left:20px; margin-top:19px; width:20px; height:19px; background:url("../img/sub1/plus_icon.png") no-repeat center; background-size:100%;}
#sub .type1_2 dl dt.on ul li+li .icon {background:url("../img/sub1/minus_icon.png") no-repeat center;}
/* #sub .type1_2 dl dt ul li+li .icon img {width:20px;} */
#sub .type1_2 dl dd .year {border:1px solid #000000; width:135px; margin:auto; font-size:1.3em; padding-top:10px; padding-bottom:12px; margin-top:30px; font-weight:600; letter-spacing:-1.5px;}
#sub .type1_2 dl dd .noYear {margin-top:30px;}
#sub .type1_2 dl dd p {line-height:25px;  margin-top:10px;}
#sub .type1_2 dl .historyType1 {overflow:hidden;}
#sub .type1_2 dl .historyType1 .con {width:100%; border:0px solid #666666; overflow:hidden; float:none;}
#sub .type1_2 dl .historyType1 .con ul {overflow:hidden; width:100%;}
#sub .type1_2 dl .historyType1 .con ul li {float:none; height:auto;}
#sub .type1_2 dl .historyType1 .con ul .htxt {width:100%; margin-bottom:20px;}
#sub .type1_2 dl .historyType1 .con ul .himg {width:100%; margin-top:20px;}
#sub .type1_2 dl .historyType1 .con ul .mhimg {width:100%; margin-top:20px; display:block;}
#sub .type1_2 dl .historyType1 .con ul .phimg {display:none;}
#sub .type1_2 dl .historyType1 .con ul img {width:100%;}
#sub .type1_2 dl .historyType1 .pconImg {display:none;}
#sub .type1_2 dl .historyType2 {overflow:hidden;}
#sub .type1_2 dl .historyType2 ul {overflow:hidden; width:100%;}
#sub .type1_2 dl .historyType2 ul li {float:none; height:auto;}
#sub .type1_2 dl .historyType2 ul .htxt {width:100%; margin-bottom:20px;}
#sub .type1_2 dl .historyType2 ul .himg {width:100%; margin-top:20px;}
#sub .type1_2 dl .historyType2 ul .mhimg {width:100%; margin-top:20px; display:block;}
#sub .type1_2 dl .historyType2 ul .phimg {display:none;}
#sub .type1_2 dl .historyType2 ul .himg2 {display:none;}
#sub .type1_2 dl .historyType2 ul img {width:100%;}



#sub .aboutSet {border-top:4px solid #f5f5f5; overflow:hidden; position:relative; z-index:30;}
#sub .aboutSet ul {overflow:hidden;  background-color:#FFFFFF;}
#sub .aboutSet ul li {float:left; width:33.3%; }
#sub .aboutSet ul li .noline {padding-right:10px; padding-left:10px;}
#sub .aboutSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:10px; padding-right:10px; height:200px;}
#sub .aboutSet ul li .num {font-size:2em; margin-top:28px;}
#sub .aboutSet ul li .txt1 {font-size:1.25em; letter-spacing:-2px;}
#sub .aboutSet ul li .txt2 {font-size:1em; letter-spacing:-1px; margin-top:12px; padding-bottom:0px;}
#sub .aboutSet .bottomBg {display:none;}


/*WORK*/
#sub .type2 {overflow:hidden; margin-left:0px; border:0px solid #CC3333;}
#sub .workTitle  {font-size:1.3em; padding-top:10px; padding-bottom:13px; letter-spacing:5px; background-color:#FFFFFF;}
#sub .type2 .topBg {background:url(../img/sub2/conImg2_9.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type2  dl {overflow:hidden; text-align:center;}
#sub .type2  dl dt {border:1px solid #000000; width:155px; margin:auto; font-size:1.1em; padding-top:10px; padding-bottom:12px; margin-top:50px; font-weight:600; letter-spacing:-1.5px;}
#sub .type2 .box1 .txt1 {font-size:1.35em; font-weight:600; letter-spacing:-1px; margin-top:10px;}
#sub .type2 .box2 .txt1 {font-size:1.35em; font-weight:600; letter-spacing:-1px; margin-top:10px;}
#sub .type2 .box3 .txt1 {font-size:1.35em; font-weight:600; letter-spacing:-1px; margin-top:10px;}
#sub .type2 .box4 .txt1 {font-size:1.35em; font-weight:600; letter-spacing:-1px; margin-top:10px;}
#sub .type2 .box1 .num {font-size:2em; margin-top:15px; position:relative; font-weight:600;}
#sub .type2 .box1 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box1 .num .line img {width:90px; height:1px;}
#sub .type2 .box1 .txt2 {font-size:1.1em; margin-top:10px; line-height:19px; margin-left:10px; margin-right:10px; letter-spacing:-1px;}
#sub .type2 .box2 .num {font-size:2em; margin-top:15px; position:relative; font-weight:600;}
#sub .type2 .box2 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box2 .num .line img {width:90px; height:1px;}
#sub .type2 .box2 .txt2 {font-size:1.1em; margin-top:10px; line-height:19px; margin-left:10px; margin-right:10px; letter-spacing:-1px;}
#sub .type2 .box3 .num {font-size:2em; margin-top:15px; position:relative; font-weight:600;}
#sub .type2 .box3 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box3 .num .line img {width:90px; height:1px;}
#sub .type2 .box3 .txt2 {font-size:1.1em; margin-top:10px; line-height:19px; margin-left:10px; margin-right:10px; letter-spacing:-1px;}
#sub .type2 .box4 .num {font-size:2em; margin-top:15px; position:relative; font-weight:600;}
#sub .type2 .box4 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box4 .num .line img {width:90px; height:1px;}
#sub .type2 .box4 .txt2 {font-size:1.1em; margin-top:10px; line-height:19px; margin-left:10px; margin-right:10px; letter-spacing:-1px;}
#sub .type2 .box1 {overflow:hidden; background-color:#FFFFFF;}/*box1*/
#sub .type2 .box1 ul li {float:none; overflow:hidden; width:100%;}/*box1*/
#sub .type2 .box1 ul .imgPlace {display:none;}
#sub .type2 .box1 ul .imgPlace .arrow {display:none;}
#sub .type2 .box2 {overflow:hidden; background-color:#FFFFFF;}/*box2*/
#sub .type2 .box2 .con {overflow:hidden; float:left; width:100%; }
#sub .type2 .box2 .con ul {overflow:hidden;}
#sub .type2 .box2 .con ul li {float:none; overflow:hidden; width:100%; }
#sub .type2 .box2 .con ul .pimgPlace {display:none}
#sub .type2 .box2 .con ul .pimgPlace .arrow {display:none;}
#sub .type2 .box2 .con ul .imgPlace {display:none}
#sub .type2 .box2 .con ul .imgPlace .arrow {display:none;}
#sub .type2 .box2 .con ul .txtPlace {width:100%;}
#sub .type2 .box2 .pconImg {display:none;}
#sub .type2 .box3 {overflow:hidden; background-color:#FFFFFF;}/*box3*/
#sub .type2 .box3 ul li {float:none; overflow:hidden; width:100%;}
#sub .type2 .box3 ul .pimgPlace {display:none}
#sub .type2 .box3 ul .pimgPlace .arrow {display:none}
#sub .type2 .box4 {overflow:hidden; background-color:#FFFFFF;}/*box4*/
#sub .type2 .box4 ul li {float:none; overflow:hidden; width:100%;}
#sub .type2 .box4 ul .pimgPlace {display:none}
#sub .type2 .box4 ul .pimgPlace .arrow {display:none}
#sub .type2 .mimgPlace {display:block; width:100%; margin-top:20px; position:relative;}
#sub .type2 .mimgPlace img {width:100%; height:100%;}
#sub .type2 .mimgPlace .arrow {position:absolute; width:100%; text-align:center; font-size:0px;}
#sub .type2 .mimgPlace .arrow img {width:30px;}


/*WORK2*/
#sub .type2_2 {overflow:hidden; margin-left:0px;}
#sub .type2_2 .topBg {background:url(../img/sub2/conImg2_9.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type2_2 .box1 {background-color:#FFFFFF;}
#sub .type2_2 .box1 dl dt {border:1px solid #000000; width:70px; margin:auto; font-size:1.1em; padding-top:5px; padding-bottom:7px; font-weight:600; letter-spacing:-1.5px; }
#sub .type2_2 .box1 .txt1 {font-size:1.2em; font-weight:600; letter-spacing:-1px; margin-top:5px;}
#sub .type2_2 .box1 .line {font-size:0px; margin-top:8px;}
#sub .type2_2 .box1 .txt2 {font-size:1.1em; margin-top:5px; line-height:19px; margin-left:10px; margin-right:10px; letter-spacing:-1px}
#sub .type2_2 .box1 ul li {width:50%; height:200px; padding-top:20px}
#sub .type2_2 .box1 ul .conImg { width:50%; overflow:hidden;}
#sub .type2_2 .box1 ul .conImg img {width:100%;}
#sub .type2_2 .box1 ul .conImg .arrow {position:absolute; top:35%;}
#sub .type2_2 .box1 ul .conImg .arrow img {width:15px; min-height:15px;}
#sub .type2_2 .box1 ul .conImg .arrow2 {position:absolute; top:45%; right:0px;}
#sub .type2_2 .box1 ul .conImg .arrow2 img {width:23px; min-height:47px;}
#sub .type2_2 .box1 ul .conImg .num {position:absolute; font-size:2.000em; font-weight:600; left:20px; top:20px;}
#sub .type2_2 .box1 ul .pconImg {width:50%; overflow:hidden;}
#sub .type2_2 .box1 ul .pconImg img {width:100%;}
#sub .type2_2 .box1 ul .pconImg .arrow {position:absolute; top:45%;}
#sub .type2_2 .box1 ul .pconImg .arrow img {width:23px; min-height:47px;}
#sub .type2_2 .box1 ul .pconImg .arrow2 {position:absolute; top:35%; right:0px;}
#sub .type2_2 .box1 ul .pconImg .arrow2 img {width:15px;  min-height:15px;}
#sub .type2_2 .box1 ul .pconImg .num2 {position:absolute; font-size:2.000em; font-weight:600; right:20px; top:20px;}
#sub .type2_2 .box2 .box2Title {font-size:1.3em; font-weight:600; font-style:oblique; text-align:center; background-color:#ededed; letter-spacing:-2px; padding-bottom:15px; padding-top:15px;}
#sub .type2_2 .box2 .box2Con .arrow {border-top:4px solid #FFFFFF; font-size:0px;}
#sub .type2_2 .box2 .box2Con .arrow img {width:30px;}
#sub .type2_2 .box2 .box2Con ul {width:90%; margin:20px auto; padding-top:0px;}
#sub .type2_2 .box2 .box2Con ul .bg1 {background-color:#616161;}
#sub .type2_2 .box2 .box2Con ul .bg2 {background-color:#4d4c4c;}
#sub .type2_2 .box2 .box2Con dl {overflow:hidden; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px;}
#sub .type2_2 .box2 .box2Con dl dt {float:left;}
#sub .type2_2 .box2 .box2Con dl dt img {width:45px;}
#sub .type2_2 .box2 .box2Con dl dd {float:left; color:#f5f5f5; margin-left:10px; margin-top:0px; width:78%;}
#sub .type2_2 .box2 .box2Con dl dd .txt1 {font-size:1.3em; color:#ffffff; letter-spacing:-2px;}
#sub .type2_2 .box2 .box2Con dl dd .txt2 {font-size:1.1em; letter-spacing:-1px; margin-top:5px;}

#sub .workSet {border-top:4px solid #f5f5f5; overflow:hidden; position:relative; z-index:30;}
#sub .workSet ul {overflow:hidden;  background-color:#FFFFFF;}
#sub .workSet ul li {float:left; width:50%; }
#sub .workSet ul li .noline {padding-right:10px; padding-left:10px;}
#sub .workSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:10px; padding-right:10px; height:200px;}
#sub .workSet ul li .num {font-size:2em; margin-top:28px;}
#sub .workSet ul li .txt1 {font-size:1.25em; letter-spacing:-2px;}
#sub .workSet ul li .txt2 {font-size:1em; letter-spacing:-1px; margin-top:12px; margin-bottom:0px;}
#sub .workSet .bottomBg {height:120px; position:relative;}




/*PORTFOLIO*/
/*list*/
#sub .type3 {margin-left:0px;}
#sub .type3 .list {margin-top:0px; padding-top:0px; position:relative;}
#sub .type3 .list .groupSelect {position:absolute; left:0px;  border-left:0px solid #ededed;  overflow:hidden; z-index:89; height:200px;}
#sub .type3 .list .groupSelect .box {margin-top:0px;}
#sub .type3 .list dl {margin-top:40px;}
#sub .type3 .list dl+dl {margin-top:0px;}
#sub .type3 .list dl dt {padding-left:0px; font-size:1.3em; letter-spacing:-1px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ededed; border-top:1px solid #ededed; padding-left:10px; margin-top:0px; }
#sub .type3 .list dl dt ul span {font-size:0.8em;}
#sub .type3 .list dl dt .txt {font-size:em; letter-spacing:-1px; margin-top:0px; margin-bottom:0px; padding-left:0px;}
#sub .type3 .list dl dt .txt2 {margin-top:5px; }
#sub .type3 .list dl dt .bt2 img {width:35px;}
#sub .type3 .list dl .recent li {position:relative; height:150px;}
#sub .type3 .list dl .recent li p {position:absolute; color:#FFFFFF; font-size:1.53em; letter-spacing:-2px; left:10px; top:40%;}

#sub .type3 .list dl .all li {width:50%;}
#sub .type3 .list dl .all li .pfOn {top:0%;position:absolute; width:100%; height:100%; overflow:hidden;}
#sub .type3 .list dl .all li .pfOn p {color:#FFFFFF; text-align:center; margin-top:40%; font-size:1.1em;}
#sub .type3 .list dl .all li .pfOn span {font-size:1.4em; font-weight:600;}


/*view*/
#sub .type3 .view .topBar h1 {position:absolute; color:#262626; font-weight:normal; letter-spacing:-2px; top:15px; font-size:1.4em}
#sub .type3 .view .topBar img {width:35px;}
#sub .type3 .view .portView1 dl dt {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView1 dl dt .output  {overflow:hidden; float:none; width:100%;}
#sub .type3 .view .portView1 dl dt .output p {float:none; }
#sub .type3 .view .portView1 dl dt .output .txt1 {margin-top:15px; }
#sub .type3 .view .portView1 dl dt .output .txt2 {color:#FFFFFF; font-size:1em; margin-left:0px; line-height:18px; letter-spacing:-1px; margin-top:10px; width:100%;}
#sub .type3 .view .portView1 dl dt ul {float:none; margin-top:20px; padding-bottom:20px;}
#sub .type3 .view .portView1 dl dt ul li {float:left;}
#sub .type3 .view .portView1 dl dt ul li+li {margin-left:10px;}
#sub .type3 .view .portView1 dl dt ul li img {width:20px;}
#sub .type3 .view .portView1 dl dd {padding-left:10px; padding-right:10px;}
#sub .type3 .view .portView1 dl dd+dd {padding-top:10px; padding-bottom:10px;}

#sub .type3 .view .portView2 dl dt {margin-left:10px; margin-right:10px; overflow:hidden;}
#sub .type3 .view .portView2 dl dt .output  {overflow:hidden; float:none; width:100%;}
#sub .type3 .view .portView2 dl dt .output p {float:none; }
#sub .type3 .view .portView2 dl dt .output .txt1 {margin-top:15px; }
#sub .type3 .view .portView2 dl dt .output .txt1  img { width:120px;}
#sub .type3 .view .portView2 dl dt .output .txt2 {color:#FFFFFF; font-size:1em; margin-left:0px; line-height:18px;  letter-spacing:-1px; margin-top:10px; width:100%;}
#sub .type3 .view .portView2 dl dt ul {float:none; margin-top:20px; padding-bottom:20px; width:100%;}
#sub .type3 .view .portView2 dl dt ul li {float:left;}
#sub .type3 .view .portView2 dl dt ul li+li {margin-left:10px;}
#sub .type3 .view .portView2 dl dt ul li span {font-size:1.1em; margin-left:8px;}
#sub .type3 .view .portView2 dl dt ul li img {width:20px;}

#sub .type3 .view .portView2 dl dd:last-child { padding-bottom:30px;}
#sub .type3 .view .portView2 dl dd .txt1 {font-size:1.25em; letter-spacing:-1px; word-spacing:0px; text-align:center; margin-top:25px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt2 {font-size:1em; letter-spacing:-1px; text-align:center; margin-top:5px; line-height:18px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt1_2 {font-size:1.25em; letter-spacing:-1px; word-spacing:0px; text-align:center; margin-top:25px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt2_2 {font-size:1em; letter-spacing:-1px; text-align:center; margin-top:5px; line-height:18px;; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt1_3 {font-size:1.25em; letter-spacing:-1px; word-spacing:0px; margin-top:25px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt2_3 {font-size:1em; letter-spacing:-1px;  margin-top:5px; line-height:18px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt1_4 {font-size:1.25em; letter-spacing:-1px; word-spacing:0px; margin-top:25px; margin-left:10px; margin-right:10px; text-align:left;}
#sub .type3 .view .portView2 dl dd .txt2_4 {font-size:1em; letter-spacing:-1px;  margin-top:5px; line-height:18px; margin-left:10px; margin-right:10px; text-align:left;}
#sub .type3 .view .portView2 dl dd .txt1_5 {font-size:1.25em; letter-spacing:-1px; word-spacing:0px; margin-top:15px; margin-left:10px; margin-right:10px; text-align:left;}

#sub .type3 .view .portView2 dl dd .imgCon {text-align:center; padding-top:28px;  margin:auto;}
#sub .type3 .view .portView2 dl dd .imgCon2 {text-align:center; margin-top:10px;}
#sub .type3 .view .portView2 dl dd .imgCon3 {text-align:center;}
#sub .type3 .view .portView2 dl dd .imgCon4 {text-align:center; margin-top:5px;}
#sub .type3 .view .portView2 dl dd .imgCon img {width:100%;}
#sub .type3 .view .portView2 dl dd .imgCon2 img {width:100%;}
#sub .type3 .view .portView2 dl dd .imgCon3 img {width:100%;}
#sub .type3 .view .portView2 dl dd .imgCon4 img {width:100%;}

#sub .type3 .view .portView2 dl dd .viewBg1 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBg1_2 {margin-left:10px; margin-right:10px; }
#sub .type3 .view .portView2 dl dd .viewBg2 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBg2_2 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBg3 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBg4 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBg5 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBg5_2 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBgm1 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBgm2 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBgm3 {margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .viewBgm4 {margin-left:10px; margin-right:10px;}

#sub .type3 .view .portView2 dl dd .twobox {border-bottom:1px solid #e7e7e7; padding-bottom:30px;}
#sub .type3 .view .portView2 dl dd .twobox ul {overflow:hidden; padding-top:0px;  width:100%; margin:auto;}
#sub .type3 .view .portView2 dl dd .twobox ul li:first-child {float:none; width:100%;}
#sub .type3 .view .portView2 dl dd .twobox ul li+li {float:none; width:100%;}
#sub .type3 .view .portView2 dl dd .twobox ul img {width:250px;}
#sub .type3 .view .portView2 dl dd .pimgPlace {display:none;}
#sub .type3 .view .portView2 dl dd .mimgPlace {display:block; margin-left:10px; margin-right:10px; margin-top:15px; text-align:left;}
#sub .type3 .view .portView2 dl dd .imgPlace {margin-left:10px; margin-right:10px; margin-top:15px; text-align:left;}
#sub .type3 .view .portView2 dl dd .twobox2 {border-bottom:1px solid #e7e7e7;}
#sub .type3 .view .portView2 dl dd .twobox2 ul {overflow:hidden; padding-top:0px;  width:100%; margin:auto;}
#sub .type3 .view .portView2 dl dd .twobox2 ul li:first-child {float:none; width:100%;}
#sub .type3 .view .portView2 dl dd .twobox2 ul li+li {float:none; width:100%;}
#sub .type3 .view .portView2 dl dd .twobox2 ul .txtPlaceL {margin-left:0px; margin-top:10px;}
#sub .type3 .view .portView2 dl dd .twobox2 ul .txtPlaceR {margin-right:0px; margin-top:10px;}
#sub .type3 .view .portView2 dl dd .twobox2 ul img {width:280px;}


/*SERVICE1*/
#sub .type4 {overflow:hidden; margin-left:0px;}
#sub .type4 .topBg {position:relative; border:0px solid #999999; overflow:hidden; height:185px;}
#sub .type4 .topBg .mobileBg {background:url(../img/sub4/conImg1.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type4 .topBg .tab  {z-index:30;}
#sub .type4 .topBg .tab ul {overflow:hidden;  width:100%; margin:auto;}
#sub .type4 .topBg .tab ul li {width:50%; float:left; color:#FFFFFF; font-size:1.2em; font-weight:600; letter-spacing:-1px;}
#sub .type4 .topBg .tab ul li:first-child .txt{padding-top:8px; padding-bottom:10px;}
#sub .type4 .topBg .tab ul li+li .txt {padding-top:8px; padding-bottom:10px;}
#sub .type4 .serviceBox .conBg ul {border:0px solid #333333; overflow:hidden; width:auto; top:200px;}
#sub .type4 .serviceBox .conBg ul li {width:100%;}
#sub .type4 .serviceBox .conBg ul li dl {overflow:hidden; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px;}
#sub .type4 .serviceBox .conBg ul li dl dt {float:left; width:45px;}
#sub .type4 .serviceBox .conBg ul li dl dt img {width:45px;}
#sub .type4 .serviceBox .conBg ul li dl dd {float:left; color:#f5f5f5; margin-left:10px; margin-top:0px; width:80%;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt1 {font-size:1.3em; color:#ffffff; letter-spacing:-2px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt1 .spanStyle1 {font-size:0.8em; letter-spacing:-1px; color:#d1e7ff; font-style:oblique; margin-left:10px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt1 .spanStyle2 {font-size:0.8em; letter-spacing:-1px; color:#c6f5ff; font-style:oblique; margin-left:10px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt2 {font-size:1.1em; letter-spacing:-1px; margin-top:5px;}

/*SERVICE2*/
#sub .type4_2 {overflow:hidden; margin-left:0px;}
#sub .type4_2 .topBg {position:relative; border:0px solid #999999; overflow:hidden; height:185px;}
#sub .type4_2 .topBg .mobileBg {background:url(../img/sub4/conImg2_1.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type4_2 .topBg .tab ul {overflow:hidden; width:100%; margin:auto;}
#sub .type4_2 .topBg .tab ul li {width:30%; float:left; color:#FFFFFF; font-size:1.2em; font-weight:600; letter-spacing:-1px;}
#sub .type4_2 .topBg .tab ul li+li {width:40%;}
#sub .type4_2 .topBg .tab ul li+li+li {width:30%;}
#sub .type4_2 .serviceBox .conBg dl dt {width:100%; margin:auto; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl dt ul li {width:100%; float:none; text-align:left; padding-top:20px; padding-bottom:25px; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl dt ul li img {width:45px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li .txt1 {color:#FFFFFF; font-size:1.3em; letter-spacing:-1.5px; margin-top:0px; margin-left:10px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li .txt2 {color:#f5f5f5; font-size:1.1em; letter-spacing:-1px; line-height:18px; margin-top:5px; margin-left:10px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li .icon {float:left; width:45px; margin-left:10px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li .txtBox {float:left; width:80%; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl dd {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 {background-color:#f5f5f5; width:100%;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 ul li:first-child {background-color:#262626; color:#FFFFFF; font-size:1.2em; padding-left:20px; width:100px; padding-top:2px; padding-bottom:4px;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.1em; padding-left:10px; padding-right:10px; letter-spacing:-1px; line-height:20px; margin-top:20px; margin-bottom:25px;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 ul li+li p {margin-top:5px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 {background-color:#FFFFFF; margin-top:0px; width:100%;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 ul li {float:none; width:100%; padding-top:20px; padding-bottom:20px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 ul li+li {background-color:#454545; color:#FFFFFF;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 ul li p {margin-left:10px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 .txt1 {font-size:1.3em; letter-spacing:-2px; font-weight:600;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 .txt2 {font-size:1.1em; letter-spacing:-1px; line-height:20px; margin-top:10px;}

/*SERVICE3*/
#sub .type4_3 {overflow:hidden; margin-left:0px;}
#sub .type4_3 .topBg {position:relative; border:0px solid #999999; overflow:hidden; height:185px;}
#sub .type4_3 .topBg .mobileBg {background:url(../img/sub4/conImg3_1.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type4_3 .serviceBox .txt {position:absolute; left:8%; top:15%;}
#sub .type4_3 .serviceBox .txt span {font-size:1.7em; font-weight:600; letter-spacing:-1px; line-height:22px;}
#sub .type4_3 .serviceBox .txt p {font-size:1em; letter-spacing:-1px; margin-top:5px;}
#sub .type4_3 .serviceBox .boxTypeM {display:block; width:100%;}
#sub .type4_3 .serviceBox .imgBox1 .boxType1 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox1 .boxType1 li {width:100%; float:none; position:relative;}
#sub .type4_3 .serviceBox .imgBox1 .boxType2 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox1 .boxType2 li {width:50%; float:left; position:relative;}

#sub .type4_3 .serviceBox .imgBox2 .boxType1 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox2 .boxType1 li {width:50%; float:left; position:relative;}
#sub .type4_3 .serviceBox .imgBox2 .boxType1 li+li {width:50%;}
#sub .type4_3 .serviceBox .imgBox2 .boxType1 li+li+li {width:50%;}
#sub .type4_3 .serviceBox .imgBox2 .boxType1 li+li+li+li {width:100%;}
#sub .type4_3 .serviceBox .imgBox2 .boxType2 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox2 .boxType2 li {width:50%; float:left; position:relative;}
#sub .type4_3 .serviceBox .imgBox2 .boxType2 li+li+li {width:100%;}
#sub .type4_3 .serviceBox .imgBox2 .photoP {display:none;}
#sub .type4_3 .serviceBox .imgBox2 .photoM {display:block;}

#sub .type4_3 .serviceBox .imgBox3 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox3 .allImg {overflow:hidden; float:left; width:100%;}
#sub .type4_3 .serviceBox .imgBox3 .allImg .boxType1 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox3 .allImg .boxType1 li {width:66.7%; float:left; position:relative;}
#sub .type4_3 .serviceBox .imgBox3 .allImg .boxType1 li+li {width:33.3%;}
#sub .type4_3 .serviceBox .imgBox3 .allImg .boxType2 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox3 .allImg .boxType2 li {width:33.3%; float:left;}
#sub .type4_3 .serviceBox .imgBox3 .pcImg {display:none;}

#sub .type4_3 .serviceBox .imgBox4 .boxType2 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox4 .boxType2 li {width:50%; float:left; position:relative;}
#sub .type4_3 .serviceBox .imgBox4 .boxType2 li+li {width:50%;}
#sub .type4_3 .serviceBox .imgBox4 .boxType2 li+li+li {width:50%;}
#sub .type4_3 .serviceBox .imgBox4 .boxType2 li+li+li+li {width:100%;}
#sub .type4_3 .serviceBox .imgBox4 .boxType3 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox4 .boxType3 li {width:50%; float:left;}
#sub .type4_3 .serviceBox .imgBox4 .boxType3 li+li+li {width:100%;}
#sub .type4_3 .serviceBox .imgBox4 .boxType4 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox4 .boxType4 li {width:100%; float:left;}
#sub .type4_3 .serviceBox .imgBox4 .boxType4 li+li {width:50%;}
#sub .type4_3 .serviceBox .imgBox4 .photoP {display:none;}
#sub .type4_3 .serviceBox .imgBox4 .photoM {display:block;}

/*SERVICE4*/
#sub .type4_4 {overflow:hidden; margin-left:0px;}
#sub .type4_4 .topBg {position:relative; border:0px solid #999999; overflow:hidden; height:185px;}
#sub .type4_4 .topBg .mobileBg {background:url(../img/sub4/conImg4_1_3.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type4_4 .topBg .bgIconImg{display:inline-block; position:absolute; width:34px; height:auto; bottom:10px; right:10px; left:auto;}
#sub .type4_4 .topBg .bgIconImg img{width:100%; height:auto;}
#sub .type4_4 .serviceBox .conBg dl dt {width:100%; margin:auto; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl dt ul li {width:100%; float:none; text-align:left; padding-top:20px; padding-bottom:15px; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl dt ul li img {width:45px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li .txt1 {color:#262626; font-size:1.3em; letter-spacing:-1.5px; margin-top:0px; margin-left:10px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li .txt2 {color:#262626; font-size:1.1em; letter-spacing:-1px; line-height:18px; margin-top:5px; margin-left:10px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li .icon {float:left; width:45px; margin-left:10px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li .txtBox {float:left; width:80%; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl dd {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 {background-color:#f5f5f5; width:100%;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 ul li:first-child {background-color:#262626; color:#FFFFFF; font-size:1.2em; padding-left:20px; width:100px; padding-top:2px; padding-bottom:4px;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.1em; padding-left:10px; padding-right:10px; letter-spacing:-1px; line-height:20px; margin-top:20px; margin-bottom:25px;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 ul li+li p {margin-top:5px;}

/*SERVICE5*/
#sub .type4_5 {overflow:hidden; margin-left:0px;}
#sub .type4_5 .topBg {position:relative; border:0px solid #999999; overflow:hidden; height:185px;}
#sub .type4_5 .topBg .mobileBg {background:url(../img/sub4/conImg5_1_2.jpg)no-repeat; background-position:center; background-size:cover; position:fixed; min-height:320px; width:100%; height:100%; top:0px; z-index:-10000;}
#sub .type4_5 .topBg .bgIconImg{display:inline-block; position:absolute; width:73px; height:auto; bottom:10px; right:10px; left:auto; }
#sub .type4_5 .topBg .bgIconImg img{width:100%; height:auto;}
#sub .type4_5 .serviceBox .conBg dl dt {width:100%; margin:auto; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl dt ul li {width:100%; float:none; text-align:left; padding-top:20px; padding-bottom:15px; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl dt ul li img {width:45px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li .txt1 {color:#262626; font-size:1.3em; letter-spacing:-1.5px; margin-top:0px; margin-left:10px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li .txt2 {color:#262626; font-size:1.1em; letter-spacing:-1px; line-height:18px; margin-top:5px; margin-left:10px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li .icon {float:left; width:45px; margin-left:10px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li .txtBox {float:left; width:80%; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl dd {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 {background-color:#ffffff; width:100%;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 ul li:first-child {background-color:#262626; color:#FFFFFF; font-size:1.2em; padding-left:20px; width:100px; padding-top:2px; padding-bottom:4px;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.1em; padding-left:10px; padding-right:10px; letter-spacing:-1px; line-height:20px; margin-top:20px; margin-bottom:25px;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 ul li+li p {margin-top:5px;}

/*공통*/
#sub .serviceTitle  {font-size:1.3em; padding-top:10px; padding-bottom:13px; letter-spacing:5px; position:relative; background-color:#FFFFFF; z-index:30;}
#sub .serviceBox {position:relative; background-color:#FFFFFF; width:100%;}
#sub .serviceBox .content {overflow:hidden; background-color:#FFFFFF; padding-left:10px; padding-right:10px; margin-bottom:15px;}
#sub .serviceBox .content dl {overflow:hidden; width:100%; margin:auto;}
#sub .serviceBox .content dl dt {font-size:1.5em; margin-top:50px; border-bottom:2px solid #454545; width:130px; padding-bottom:10px;}
#sub .serviceBox .content dl .txtW {font-size:1.5em; font-weight:600; margin-top:30px; border-bottom:2px solid #454545; width:180px; padding-bottom:10px; letter-spacing:-1.5px;}
#sub .serviceBox .content dl dd {overflow:hidden; margin-top:15px; font-size:1.1em;}
#sub .serviceBox .content dl dd ul li {float:none;}
#sub .serviceBox .content dl dd ul li+li {float:left;  margin-top:15px; width:120px; padding-top:8px; padding-bottom:10px; padding-left:0px; padding-right:0px;}
#sub .serviceBox .content dl dd ul li+li+li {float:left; margin-left:10px;}

#sub .serviceSet {border-top:4px solid #f5f5f5; overflow:hidden; position:relative; z-index:30;}
#sub .serviceSet ul {overflow:hidden; background-color:#FFFFFF;}
#sub .serviceSet ul li {float:left; width:50%; }
#sub .serviceSet ul li.list_type2{width:50%; border-top:1px solid #ededed;}
#sub .serviceSet ul li .noline {padding-right:10px; padding-left:10px;}
#sub .serviceSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:10px; padding-right:10px; height:200px;}
#sub .serviceSet ul li.list_type2 .line{height:175px;}
#sub .serviceSet ul li .line2{border-left:0; overflow:hidden; padding-left:10px; padding-right:10px; height:175px;}
#sub .serviceSet ul li .num {font-size:2em; margin-top:28px;}
#sub .serviceSet ul li .txt1 {font-size:1.25em; letter-spacing:-2px;}
#sub .serviceSet ul li .txt2 {font-size:1em; letter-spacing:-1px; margin-top:12px; margin-bottom:0px;}
#sub .serviceSet .bottomBg {height:120px; position:relative;}







/*CUSTOMER*/
#sub .type5 {margin-left:0px;}
#sub .type5 .tab ul li {font-size:1.2em;}
#sub .type5 .tab ul .on p {padding-top:10px; padding-bottom:10px;}
#sub .type5 .tab ul .off p {padding-top:10px; padding-bottom:10px;}
#sub .type5 .tab ul .arrow {width:20%; margin:auto;}
#sub .type5 .tab ul .arrow img {width:100%;}

#sub .type5 {margin-left:0px;}
#sub .type5 .con { padding-bottom:30px;}
#sub .type5 .con .notice {margin-top:39px; margin-bottom:50px;}
#sub .type5 .con .notice dl {width:95%;}
#sub .type5 .con .notice dl dt {text-align:center; font-size:1em;  color:#262626; padding-top:20px;}
#sub .type5 .con .notice dl dt p {letter-spacing:-1px; font-size:1.15em;}
#sub .type5 .con .notice dl dd ul {background-color:#FFFFFF; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:30px;}
#sub .type5 .con .notice dl dd ul li {float:none; font-size:1.0em;}
#sub .type5 .con .notice dl dd ul li+li {margin-left:0px;}
#sub .type5 .con .notice dl dd ul li p {margin-top:10px;}
#sub .type5 .con .paging ul .num {text-align:center; width:100%; font-size:1.500em; color:#FFFFFF;}
#sub .type5 .con .paging ul img {width:30px;}

#sub .type5 .con2 .inquiry {margin-top:39px;}
#sub .type5 .con2 .inquiry dl {width:95%;}
#sub .type5 .con2 .inquiry dl dt {text-align:center; font-size:1.2em; color:#262626; padding-top:20px; padding-bottom:10px; padding-left:10px; padding-right:0px;}
#sub .type5 .con2 .inquiry dl dd .entry .box {width:90%; margin:auto;}
#sub .type5 .con2 .inquiry dl dd .entry .entryTitle{margin-left:10px; margin-right:10px; margin-top:10px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox {margin-left:10px; margin-right:10px; border:0px solid #666666;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_txtbox {width:59%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_div {width:30%; height:39px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_button {font-size:1.2em;} 
#sub .type5 .con2 .inquiry dl dd .entry .inputBox span {margin-left:0px; margin-top:5px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW1 {width:90%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW2 {width:90%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW3 {width:90%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW4 {width:100%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox  {margin-left:20px; margin-right:20px; font-size:1.2em;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box1 {width:49%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box2 {width:49%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box3 {width:49%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box4 {width:49%;}
#sub .type5 .con2 .inquiry dl dd .bt {overflow:hidden; margin-top:10px;}
#sub .type5 .con2 .inquiry dl dd .bt li:first-child {float:none; font-size:0.9em; letter-spacing:-1px; margin-top:0px;}
#sub .type5 .con2 .inquiry dl dd .bt li+li {padding-top:8px; padding-bottom:11px; text-align:center; font-size:1.2em; letter-spacing:-2px; width:100px; float:none; color:#FFFFFF; margin-top:10px;}
#mmask { position:absolute; width:100%; height:100%; background-color:#000; top:0; left:0; z-index:5; display:none;}

#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style2 {height:52px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style2:hover {height:52px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style2_on {height:52px;}


#sub .type5 .con3 .bravocrm {margin-top:39px;}
#sub .type5 .con3 .bravocrm dl {width:95%;}
#sub .type5 .con3 .bravocrm dl .crmcon .box  {width:90%; margin:auto;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li p {font-size:1.5em; margin-top:30px; border-bottom:2px solid #454545; width:130px; padding-bottom:10px;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li .txtBox {overflow:hidden; margin-top:15px; font-size:1.1em;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li {float:none;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li+li {float:left;  margin-top:15px; width:120px; padding-top:8px; padding-bottom:10px; padding-left:0px; padding-right:0px; font-size:1.1em;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li:first-child {float:left; width:100%;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li:first-child img { width:100%;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li {float:none; width:100%;}

#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox {margin-left:10px; margin-right:10px; margin-top:20px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt1 {font-size:1.5em; font-weight:600; color:#FFFFFF; letter-spacing:-1px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt1 span {color:#fe5708;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt2 {color:#FFFFFF; font-size:1.1em; margin-top:5px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .conImg {text-align:center; margin-right:0px; margin-top:20px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .onoff { text-align:center; margin-top:10px; padding-bottom:20px;}

#sub .type5 .con3 .bravocrm dl .bt {overflow:hidden; margin:10px;}
#sub .type5 .con3 .bravocrm dl .bt ul {width:100%; overflow:hidden; padding-bottom:10px; margin:0px;}
#sub .type5 .con3 .bravocrm dl .bt ul li {background-color:#454545; border:1px solid #000000; color:#FFFFFF; font-size:1.1em; float:left; text-align:center; width:48%; padding-top:7px; padding-bottom:9px; font-weight:600; letter-spacing:-1px;}
#sub .type5 .con3 .bravocrm dl .bt ul li+li {float:right;}

/* CRM_SLIDE */
.slide_visual ul li .txtBox{margin:30px 20px 15px 20px; height:160px; overflow:hidden;}
.slide_visual ul li .txtBox .txt1 {font-size:2em; font-weight:600; color:#FFFFFF; letter-spacing:-1px;}
.slide_visual ul li .txtBox .txt1 span {color:#fe5708; font-weight:bold;}
.slide_visual ul li .txtBox .txt2 {color:#FFFFFF; font-size:1.2em; margin-top:10px; line-height:22px;}
.slide_visual ul li .txtBox .txt2 strong { vertical-align:top}

}