@charset "utf-8";

@media all and (max-width:1279px) and (min-width:799px){
.ttxtb {display:block;}


#wrap {margin:0px; padding:0px; width:100%; height:100%; position:relative; min-height:100%; overflow-y:hidden}
#leftNav {overflow:hidden; width:219px; position:fixed; background-color:#FFFFFF; min-height:100%; border-right:1px solid #ededed; z-index:90;}

#leftNav .line2 {font-size:0px; margin-top:50px; text-align:center; margin-bottom:10px;}

/*PROGECT_CLOSE*/
#projectBar p {font-size:1.6em; margin-top:12px; margin-bottom:12px;}



#projectOpen .inquire { width:100%; padding-top:10px; padding-bottom:35px;  overflow:hidden; }
#projectOpen .inquire .title {margin-left:20px; margin-right:20px; }
#projectOpen .inquire .inputBox {margin-left:20px; margin-right:20px; border:0px solid #666666;}
#projectOpen .inquire .inputBox .file_input_div {width:15%;}
#projectOpen .inquire .inputBox span {margin-left:0.8%;}
#projectOpen .inquire .inputBox span#span_url{display:inline-block; vertical-align:top; width:47%; }
#projectOpen .inquire .inputBox .inpW1 {width:29.5%;}
#projectOpen .inquire .inputBox .inpW2 {width:46%;}
#projectOpen .inquire .inputBox .inpW3 {width:96%;}
#projectOpen .inquire .radioBox  {margin-left:20px; margin-right:20px;}
#projectOpen .inquire .radioBox .box1 {width:33%;}
#projectOpen .inquire .radioBox .box2 {width:33%;}
#projectOpen .inquire .radioBox .box3 {width:33%;}
#projectOpen .inquire .radioBox .box4 {width:33%;}
/*
#projectOpen {display:none;}
#mprojectOpen {display:none;}

#tprojectOpen {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:999; overflow:hidden; display:block;}
#tprojectOpen .bar {text-align:center; color:#FFFFFF; font-size:1.833em; letter-spacing:-1px; padding-top:14px; padding-bottom:14px; 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;}
#tprojectOpen .bar span {margin-left:16px;}
#tprojectOpen .inquire {width:100%; padding-top:10px; padding-bottom:35px;  overflow:hidden;display:none;}
#tprojectOpen .inquire .title {color:#8d8d8d; font-size:1.1em; margin-top:20px; margin-left:20px; margin-right:20px;}
#tprojectOpen .inquire .title span {color:#ffffff; margin-right:5px;}
#tprojectOpen .inquire .inputBox {overflow:hidden; margin-top:16px; margin-left:20px; margin-right:20px;}
#tprojectOpen .inquire .inputBox span {margin-left:0.8%;}
#tprojectOpen .inquire .inputBox .inpW1 {width:29.5%;}
#tprojectOpen .inquire .inputBox .inpW2 {width:46%;}
#tprojectOpen .inquire .inputBox .inpW3 {width:96%;}
#tprojectOpen .inquire .radioBox {font-size:1.17em; overflow:hidden; margin-top:3px; margin-left:20px; margin-right:20px;}
#tprojectOpen .inquire .radioBox p {margin-top:5px;}
#tprojectOpen .inquire .radioBox .box1 {width:33%; float:left; letter-spacing:-1px;}
#tprojectOpen .inquire .radioBox .box2 {width:33%; float:left; letter-spacing:-1px;}
#tprojectOpen .inquire .radioBox .box3 {width:33%; float:left; letter-spacing:-1px;}
#tprojectOpen .inquire .radioBox .box4 {width:33%; float:left; letter-spacing:-1px;}
#tprojectOpen .inquire .radioBox .bt {overflow:hidden; margin-top:19px; padding-bottom:45px;}
#tprojectOpen .inquire .radioBox .bt li:first-child {float:left; font-size:0.9em; letter-spacing:-1px; margin-top:20px;}
#tprojectOpen .inquire .radioBox .bt li+li { border:1px solid #FFFFFF; padding-top:10px; padding-bottom:13px; text-align:center; font-size:1.2em; letter-spacing:-2px; width:154px; float:right; color:#FFFFFF;}

#tprojectOpen .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;}
#tprojectOpen .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;}
#tprojectOpen .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;}

#tprojectOpen .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:80%; color:#717171; padding-left:20px;}
#tprojectOpen .inquire .inputBox .file_input_div {position:relative; width:15%; height:30px; overflow:hidden; border:0px solid #FF0033;}
#tprojectOpen .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.25em; -webkit-appearance:none} 
#tprojectOpen .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}

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

#tprojectOpen .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;}
#tprojectOpen .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;}
#tprojectOpen .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*/
#top {height:35px}
#top ul li {font-size:1em; width:147px; line-height:35px;}
#top2 {height:35px}
#top2 ul li {font-size:1em; width:147px; line-height:35px;}


/*FOOTER*/
#footer {margin-left:220px;}
#footer .sitemap {padding-left:30px; padding-right:30px; padding-top:40px; padding-bottom:40px;}
#footer .sitemap ul {overflow:hidden; width:100%; float:none; border:0px solid #333333; margin-top:40px;}
#footer .sitemap ul .line2 { border-left:1px solid #e3e3e3; padding-left:40px;}
#footer .sitemap ul dl {height:190px;}
#footer .sitemap ul dl dt span {color:#9c9c9c; font-size:1.083em;}
#footer .sitemap ul dl dt p {font-weight:600; letter-spacing:-1px; font-size:1.167em; margin-top:14px;}
#footer .sitemap ul dl dd {line-height:25px; letter-spacing:-1px; margin-top:17px;}
#footer .sitemap ul+ul+ul {width:100%;}
#footer .sitemap ul+ul+ul li {width:100%;}
#footer .sitemap ul li {width:50%; float:left;}


/*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%;}


#main .visual .pvImg {display:none;}
#main .visual .tvImg {display:block;}

#main .visual .visualTxtBt {overflow:hidden; position:absolute; z-index:80; left:229px; bottom:15%;margin-left:10px;}
#main .visual .visualTxtBt .txt1 {color:#262626;}
#main .visual .visualTxtBt .txt1 .stxt1 {letter-spacing:-2px; font-weight:400; padding-bottom:5px; font-style:italic; font-size:3.4em; }
#main .visual .visualTxtBt .txt1 .stxt2 {font-weight:900; font-size:5.2em; letter-spacing:-3px; margin-top:0px; line-height:20px;}
#main .visual .visualTxtBt .txt1 .stxt3 {font-weight:900; font-size:5.2em; letter-spacing:-3px; margin-top:5px;}
#main .visual .visualTxtBt .txt2 {overflow:hidden; color:#262626;  font-size:1.833em; letter-spacing:-1px; font-weight:600; line-height:30px;}
#main .visual .visualTxtBt .bt {margin-top:20px; font-size:1.5em;}
#main .visual .visualTxtBt .bt li {width:120px;line-height:35px; height:40px;}
#main .visual .visualTxtBt .bt li+li {margin-left:15px;}


#main .visual .visualCon {display:none;}

#top ul li {font-size:1.1em; width:155px;}


/*BUSINESS*/
#main .business {border:0px solid #333333; 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:30px; padding-bottom:30px;  overflow:hidden; display:block; } 
#main .business ul .miconS3 p {font-size:3.2em; color:#ffffff; letter-spacing:-1.5px; font-weight:600; line-height:40px; }
#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.30em; 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:40px; padding-bottom:50px;}
#main .business ul .iconS1 p {padding-top:15px; font-size:1.8em; font-weight:600; letter-spacing:-1px;}
#main .business ul .iconS1 span {font-size:1.30em;}
#main .business ul .iconS2 {background-color:#ffffff; width:50%; float:left; padding-top:40px; padding-bottom:50px;}
#main .business ul .iconS2 p {padding-top:15px; font-size:1.8em; font-weight:600; letter-spacing:-1px;}
#main .business ul .iconS2 span {font-size:1.30em;}
#main .business ul .iconS3 {display:none;}


/*PORTFOLIO*/
#main .portfolio {height:auto;  width:100%;} 
#main .portfolio .box {margin-left:219px;}
#main .portfolio .box .plist {width:100%; overflow:hidden; border-bottom:5px solid #f5f5f5;}
#main .portfolio .box .plist h1 {margin-top:20px; text-align:center; margin-left:0px;}
#main .portfolio .box .plist h1 img {width:190px}
#main .portfolio .box .plist dl {margin-left:0px; overflow:hidden; }
#main .portfolio .box .plist dl dt {font-size:1.500em; 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:320px; min-width:100%; position:relative;}
#main .portfolio .box .pimg img {width:100%; min-height:100%; height:auto;}
#main .portfolio .box .pimg .txtBox {height:100%; width:340px;}
#main .portfolio .box .pimg .txtBox .txt1 {font-size:2.333em; margin-top:31px; margin-left:36px; letter-spacing:-2px;}
#main .portfolio .box .pimg .txtBox .txt2 {font-size:1.250em; margin-top:28px; margin-left:36px;}
#main .portfolio .box .pimg .txtBox .bt {border:1px solid #FFFFFF; text-align:center; margin-left:36px; width:106px; line-height:35px; margin-top:45px;}


/*IMGCON1*/
#main .imgCon1 ul li {float:left; width:50%; height:320px;}
#main .imgCon1 ul li .txtBox {top:20%; width:70%; left:15%;}
#main .imgCon1 ul li .txtBox .txt1 {font-size:2.5em; font-weight:600; margin-top:56px; letter-spacing:-2px;}
#main .imgCon1 ul li .txtBox .txt2 {margin-left:10px; margin-right:10px;}


/*IMGCON2*/
#main .imgCon2 .txtBox .txt1 {margin-top:160px;}
#main .imgCon2 .txtBox .txt2 {font-size:1.800em; margin-top:10px; font-weight:600; letter-spacing:-2px; line-height:35px}
#main .imgCon2 .txtBox .line {width:153px; margin:20px auto;}
#main .imgCon2 .txtBox .line img {width:153px;}
#main .imgCon2 .txtBox .txt3 {font-weight:600; margin-left:30px; margin-right:30px;}
#main .imgCon2 .txtBox .txt4 {margin-top:15px; font-weight:600; margin-left:30px; margin-right:30px;}
#main .imgCon2 .ptImg {height:450px;}


/*IMGCON3*/
#main .imgCon3 ul li {float:left; width:50%; height:220px;}
#main .imgCon3 ul li .txtBox .txt1 {margin-top:20px; font-size:2em;}





/*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;}
#sub .title h1 {font-size:2em; margin-left:30px;}
#sub .title h2 {padding-left:30px; font-size:3em;}
#sub .title ul {overflow:hidden; margin-right:30px;}/*portfolio*/
#sub .title ul li {float:none;}
#sub .title ul li+li {float:none; margin-top:33px; margin-left:30px;}
#sub .title ul li+li span {margin-left:10px;}
#sub .title ul li+li img { width:70px;}



/*ABOUT1*/
#sub .type1 .imgBg1 {background:url(../img/sub1/titleImg.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:500px;}
#sub .type1 .imgBg1 .txt {padding-top:320px;}
#sub .type1 .content ul {width:455px; margin:66px auto; text-align:left; overflow:hidden;}
#sub .type1 .content ul li {float:none; font-size:1.333em; line-height:28px;}
#sub .type1 .content ul li+li {margin-top:28px; margin-left:0px; float:left;}
#sub .type1 .content ul li+li+li {margin-left:36px;}
#sub .type1 .imgBg2 {background:url(../img/sub1/conImg1.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:420px;}
#sub .type1 .imgBg2 .box {padding-top:30px;}
#sub .type1 .imgCon3 ul  li {float:left; width:50%; height:220px;}
#sub .type1 .imgCon3 ul li .txtBox .txt1 {margin-top:25px; font-size:2em;}

#sub .type1 .map {background:url(../img/sub1/conImg2.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:502px;}
#sub .aboutSet .bottomBg {background:url(../img/sub1/titleImg.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}

/*ABOUT2*/
#sub .type1_2 dl dt ul {margin-left:48px; margin-right:40px; overflow:hidden;}
#sub .type1_2 dl dt ul li {float:left;}
#sub .type1_2 dl dt ul li:first-child {width:300px; 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:3.500em; margin-top:5px; letter-spacing:-2px;}
#sub .type1_2 dl dt ul li .txt {color:#FFFFFF; font-size:1.2em; margin-top:3px; margin-left:0px;}
#sub .type1_2 dl dt ul li .txt span {opacity:0.3}
#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:140px;}
#sub .type1_2 dl dt ul li+li .icon {float:left; margin-left:40px; margin-top:60px; width:29px; height:28px; 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 dd .year {margin-top:40px;}
#sub .type1_2 dl dd .noYear {margin-top:60px;}
#sub .type1_2 dl dd p {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%}
#sub .type1_2 dl .historyType1 .con ul .himg {width:100%; margin-top:40px;}
#sub .type1_2 dl .historyType1 .con ul .mhimg {width:100%; margin-top:40px; display:block;}
#sub .type1_2 dl .historyType1 .con ul .phimg {display:none;}
#sub .type1_2 dl .historyType1 .con ul img {width:100%; min-height:auto;}
#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:40px;}
#sub .type1_2 dl .historyType2 ul .himg {width:100%; margin-top:40px;}
#sub .type1_2 dl .historyType2 ul .mhimg {width:100%; margin-top:40px; 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%; min-height:100%;}

#sub .aboutSet ul {overflow:hidden;}
#sub .aboutSet ul li {float:left; width:33.3%;}
#sub .aboutSet ul li .noline {padding-right:20px; padding-left:20px; }
#sub .aboutSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-right:20px; padding-left:20px;}
#sub .aboutSet ul li .num {font-size:3.5em; margin-top:48px;}
#sub .aboutSet ul li .txt1 {font-size:1.8em; letter-spacing:-2px;}
#sub .aboutSet ul li .txt2 {font-size:1.2em; letter-spacing:-1px; margin-top:12px; margin-bottom:58px;}




/*WORK*/
#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 .con {overflow:hidden; float:left; width:100%; }/*box2*/
#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 ul li {float:none; overflow:hidden; width:100%;}/*box3*/
#sub .type2 .box3 ul .pimgPlace {display:none}
#sub .type2 .box3 ul .pimgPlace .arrow {display:none}
#sub .type2 .box4 ul li {float:none; overflow:hidden; width:100%;}/*box4*/
#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;}
#sub .type2 .mimgPlace .arrow img {width:47px;}

/*WORK2*/
#sub .type2_2 .box1 dl dt {margin-top:60px;}
#sub .type2_2 .box1 ul {overflow:hidden;}
#sub .type2_2 .box1 ul li {width:50%; height:320px;}
#sub .type2_2 .box1 ul .conImg img {width:100%; height:100%;}
#sub .type2_2 .box1 ul .conImg .arrow {position:absolute; top:45%;}
#sub .type2_2 .box1 ul .conImg .arrow img {width:23px; min-height:47px;}
#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 .pconImg img {width:100%; height: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:45%; right:0px;}
#sub .type2_2 .box1 ul .pconImg .arrow2 img {width:23px; min-height:47px;}
#sub .type2_2 .box2 .box2Con {margin-top:10px; position:relative; background:url(../img/sub2/conImg2_9.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed;}
#sub .type2_2 .box2 .bgType1 {min-height:530px;}
#sub .type2_2 .box2 .bgType2 {min-height:253px;}
#sub .type2_2 .box2 .box2Con ul {width:90%; margin:auto; padding-top:30px;}
#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:20px; padding-top:20px; padding-bottom:20px;}
#sub .type2_2 .box2 .box2Con dl dt {float:left;}
#sub .type2_2 .box2 .box2Con dl dt img { width:60px;}
#sub .type2_2 .box2 .box2Con dl dd {float:left; color:#f5f5f5; margin-left:10px; margin-top:0px; width:80%;}
#sub .type2_2 .box2 .box2Con dl dd .txt1 {font-size:1.6em; color:#ffffff; letter-spacing:-2px;}
#sub .type2_2 .box2 .box2Con dl dd .txt2 {font-size:1.15em; letter-spacing:-1px; margin-top:10px;}
#sub .type2_2 .workSet .bottomBg {background:url(../img/sub2/conImg2_9.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}


#sub .workSet ul {overflow:hidden;}
#sub .workSet ul li {float:left; width:50%;}
#sub .workSet ul li .noline {padding-right:20px; padding-left:20px; }
#sub .workSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-right:20px; padding-left:20px;}
#sub .workSet ul li .num {font-size:3.5em; margin-top:48px;}
#sub .workSet ul li .txt1 {font-size:1.8em; letter-spacing:-2px;}
#sub .workSet ul li .txt2 {font-size:1.2em; letter-spacing:-1px; margin-top:12px; margin-bottom:58px;}





/*PORTFOLIO*/
/*list*/
#sub .type3 .list .groupSelect {position:absolute; right:20px; border-left:1px solid #ededed; padding-left:40px; height:61px;}
#sub .type3 .list .groupSelect .box {margin-top:10px;}
#sub .type3 .list dl dt {padding-left:30px;font-size:1.7em; letter-spacing:-1px; padding-top:15px;}

#sub .type3 .list dl dt .bt2 img {width:50px;}
#sub .type3 .list dl .recent li {position:relative; height:200px;}
#sub .type3 .list dl .recent li p {position:absolute; color:#FFFFFF; font-size:1.5em; letter-spacing:-2px; left:48px; top:40%;}
#sub .type3 .list dl .all li {float:left; width:33.3%; position:relative;}
/*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:40px; margin-right:40px;}
#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:1.2em; margin-left:0px; 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:40px; margin-right:40px; 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:1.25em; margin-left:0px; letter-spacing:-1px; margin-top:10px; width:100%;}
#sub .type3 .view .portView2 dl dt ul {float:none; margin-top:20px; padding-bottom:20px; width:90%;}
#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.8em; letter-spacing:-1px; word-spacing:0px; text-align:center; margin-top:45px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt2 {font-size:1.2em; letter-spacing:-1px; text-align:center; margin-top:20px; line-height:20px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt1_2 {font-size:1.8em; letter-spacing:-1px; word-spacing:0px; text-align:center; margin-top:45px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt2_2 {font-size:1.2em; letter-spacing:-1px; text-align:center; margin-top:20px; line-height:20px;; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt1_3 {font-size:1.8em; letter-spacing:-1px; word-spacing:0px; margin-top:45px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt2_3 {font-size:1.2em; letter-spacing:-1px;  margin-top:20px; line-height:20px; margin-left:10px; margin-right:10px;}
#sub .type3 .view .portView2 dl dd .txt1_4 {font-size:1.8em; letter-spacing:-1px; word-spacing:0px; margin-top:45px; margin-left:10px; margin-right:10px; text-align:left;}
#sub .type3 .view .portView2 dl dd .txt2_4 {font-size:1.2em; letter-spacing:-1px;  margin-top:10px; line-height:20px; margin-left:10px; margin-right:10px; text-align:left;}
#sub .type3 .view .portView2 dl dd .txt1_5 {font-size:1.8em; 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:38px;  margin:auto;}
#sub .type3 .view .portView2 dl dd .imgCon2 {text-align:center; margin-top:20px;}
#sub .type3 .view .portView2 dl dd .imgCon3 {text-align:center;}
#sub .type3 .view .portView2 dl dd .imgCon4 {text-align:center; margin-top:10px;}
#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:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg1_2 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg2 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg2_2 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg3 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg4 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg5 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBg5_2 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBgm1 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBgm2 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBgm3 {margin-left:40px; margin-right:40px;}
#sub .type3 .view .portView2 dl dd .viewBgm4 {margin-left:40px; margin-right:40px;}

#sub .type3 .view .portView2 dl dd .twobox {border-bottom:1px solid #e7e7e7; padding-bottom:50px;}
#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:370px;}
#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:20px;}
#sub .type3 .view .portView2 dl dd .imgPlace {margin-left:10px; margin-right:10px; margin-top:20px; 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:370px;}





/*SERVICE1*/
#sub .type4 .topBg {background:url(../img/sub4/conImg1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:300px; position:relative;}
#sub .type4 .serviceBox .bgstyle1 {background:url(../img/sub4/conImg2.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:509px; overflow:hidden;}
#sub .type4 .serviceBox .bgstyle2 {background:url(../img/sub4/conImg3.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:636px; overflow:hidden;}
#sub .type4 .serviceBox .conBg ul{overflow:hidden; position:absolute; width:100%; top:239px;}
#sub .type4 .serviceBox .conBg ul li {width:90%; margin:auto;}
#sub .type4 .serviceBox .conBg ul li dl {overflow:hidden; padding-left:20px; padding-top:20px; padding-bottom:20px;}
#sub .type4 .serviceBox .conBg ul li dl dt {float:left; width:60px;}
#sub .type4 .serviceBox .conBg ul li dl dt img {width:60px;}
#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.6em; color:#ffffff; letter-spacing:-2px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt1 .spanStyle1 {font-size:0.6em; letter-spacing:-1px; color:#d1e7ff; font-style:oblique; margin-left:10px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt1 .spanStyle2 {font-size:0.6em; letter-spacing:-1px; color:#c6f5ff; font-style:oblique; margin-left:10px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt2 {font-size:1.15em; letter-spacing:-1px; margin-top:10px;}
#sub .type4 .serviceSet .bottomBg {background:url(../img/sub4/conImg1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}

/*SERVICE2*/
#sub .type4_2 .topBg {background:url(../img/sub4/conImg2_1.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:300px; position:relative;}
#sub .type4_2 .serviceBox .bgstyle1 {background:url(../img/sub4/conImg2_2.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:659px; overflow:hidden;}
#sub .type4_2 .serviceBox .bgstyle2 {background:url(../img/sub4/conImg2_3.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:800px; overflow:hidden;}
#sub .type4_2 .serviceBox .bgstyle3 {background:url(../img/sub4/conImg2_4.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:659px; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl{overflow:hidden; position:absolute; width:100%; top:249px;}
#sub .type4_2 .serviceBox .conBg dl dt {width:90%; margin:auto;}
#sub .type4_2 .serviceBox .conBg dl dd {width:90%; margin:auto;}
#sub .type4_2 .serviceBox .conBg dl dt ul li {width:33.3%; float:left; text-align:center; padding-top:30px; padding-bottom:45px; height:290px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li img {width:80px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li .txt1 {color:#FFFFFF; font-size:1.6em; letter-spacing:-1.5px; margin-top:20px; }
#sub .type4_2 .serviceBox .conBg dl dt ul li .txt2 {color:#f5f5f5; font-size:1.2em; letter-spacing:-1px; line-height:23px; margin-top:20px; padding-left:10px; padding-right:10px;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.2em; padding-left:10px; padding-right:10px; letter-spacing:-1px; line-height:23px; margin-top:15px; margin-bottom:30px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 {margin-top:10px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 ul li {float:left; width:50%; padding-top:20px; padding-bottom:15px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 ul li p {margin-left:10px; margin-right:10px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 .txt1 {font-size:1.6em; letter-spacing:-2px; font-weight:600;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 .txt2 {font-size:1.2em; letter-spacing:-1px; line-height:20px; margin-top:10px;}

/*SERVICE3*/
#sub .type4_3 .serviceBox .txt span {font-size:2em; font-weight:600; letter-spacing:-2px; line-height:25px;}
#sub .type4_3 .serviceBox .txt p {font-size:1em; letter-spacing:-1px; margin-top:5px;}
#sub .type4_3 .serviceBox .imgBox1 .boxType3 {background:url(../img/sub4/conImg3_8.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:220px; position:relative;}
#sub .type4_3 .serviceBox .imgBox2 .boxType3 {background:url(../img/sub4/conImg3_15.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:220px; position:relative;}
#sub .type4_3 .serviceBox .imgBox4 .boxType1 {background:url(../img/sub4/conImg3_22.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:220px; position:relative;}

/*SERVICE4*/
#sub .type4_4 .topBg {background:url(../img/sub4/conImg4_1_2.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:300px; position:relative;}
#sub .type4_4 .topBg .bgIconImg{display:inline-block; width:auto; position:absolute; bottom:20px; right:10px; left:auto;}
#sub .type4_4 .serviceBox .bgstyle1 {background:url(../img/sub4/conImg4_2.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:659px; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl{overflow:hidden; position:absolute; width:100%; top:249px;}
#sub .type4_4 .serviceBox .conBg dl dt {width:90%; margin:auto;}
#sub .type4_4 .serviceBox .conBg dl dd {width:90%; margin:auto;}
#sub .type4_4 .serviceBox .conBg dl dt ul li {width:33.3%; float:left; text-align:center; padding-top:30px; padding-bottom:25px; height:290px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li img {width:80px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li .txt1 {color:#262626; font-size:1.6em; letter-spacing:-1.5px; margin-top:20px; }
#sub .type4_4 .serviceBox .conBg dl dt ul li .txt2 {color:#262626; font-size:1.2em; letter-spacing:-1px; line-height:23px; margin-top:20px; padding-left:10px; padding-right:10px;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.2em; padding-left:10px; padding-right:10px; letter-spacing:-1px; line-height:23px; margin-top:15px; margin-bottom:30px;}
#sub .type4_4 .serviceBox .conBg dl .graspType2 {margin-top:10px;}
#sub .type4_4 .serviceBox .conBg dl .graspType2 ul li {float:left; width:50%; padding-top:20px; padding-bottom:15px;}
#sub .type4_4 .serviceBox .conBg dl .graspType2 ul li p {margin-left:10px; margin-right:10px;}
#sub .type4_4 .serviceBox .conBg dl .graspType2 .txt1 {font-size:1.6em; letter-spacing:-2px; font-weight:600;}
#sub .type4_4 .serviceBox .conBg dl .graspType2 .txt2 {font-size:1.2em; letter-spacing:-1px; line-height:20px; margin-top:10px;}

/*SERVICE5*/
#sub .type4_5 .topBg {background:url(../img/sub4/conImg5_1.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:300px; position:relative;}
#sub .type4_5 .serviceBox .bgstyle1 {background:url(../img/sub4/conImg2_2.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:659px; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl{overflow:hidden; position:absolute; width:100%; top:249px;}
#sub .type4_5 .serviceBox .conBg dl dt {width:90%; margin:auto;}
#sub .type4_5 .serviceBox .conBg dl dd {width:90%; margin:auto;}
#sub .type4_5 .serviceBox .conBg dl dt ul li {width:33.3%; float:left; text-align:center; padding-top:30px; padding-bottom:25px; height:290px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li img {width:80px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li .txt1 {color:#262626; font-size:1.6em; letter-spacing:-1.5px; margin-top:20px; }
#sub .type4_5 .serviceBox .conBg dl dt ul li .txt2 {color:#262626; font-size:1.2em; letter-spacing:-1px; line-height:23px; margin-top:20px; padding-left:10px; padding-right:10px;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.2em; padding-left:10px; padding-right:10px; letter-spacing:-1px; line-height:23px; margin-top:15px; margin-bottom:30px;}
#sub .type4_5 .serviceBox .conBg dl .graspType2 {margin-top:10px;}
#sub .type4_5 .serviceBox .conBg dl .graspType2 ul li {float:left; width:50%; padding-top:20px; padding-bottom:15px;}
#sub .type4_5 .serviceBox .conBg dl .graspType2 ul li p {margin-left:10px; margin-right:10px;}
#sub .type4_5 .serviceBox .conBg dl .graspType2 .txt1 {font-size:1.6em; letter-spacing:-2px; font-weight:600;}
#sub .type4_5 .serviceBox .conBg dl .graspType2 .txt2 {font-size:1.2em; letter-spacing:-1px; line-height:20px; margin-top:10px;}

/*공통*/
#sub .serviceBox .content {overflow:hidden; background-color:#FFFFFF; margin-bottom:55px;}
#sub .serviceBox .content dl {overflow:hidden; width:90%; margin:auto;}
#sub .serviceBox .content dl dt {font-size:1.8em; margin-top:60px; border-bottom:2px solid #454545; width:130px; padding-bottom:10px;}
#sub .serviceBox .content dl dd {overflow:hidden; margin-top:15px;  font-size:1.15em; }
#sub .serviceBox .content dl dd ul li {float:none;}
#sub .serviceBox .content dl dd ul li+li {float:left; margin-top:25px; width:180px; padding-top:10px; padding-bottom:13px;}
#sub .serviceBox .content dl dd ul li+li+li {float:left; margin-left:10px;}
#sub .serviceSet ul {overflow:hidden; /* padding-left:15px; */}
#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:15px; padding-left:15px;}
#sub .serviceSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:15px; padding-right:15px;}
#sub .serviceSet ul li .line2{border-left:0; overflow:hidden; padding-left:15px; padding-right:15px;}
#sub .serviceSet ul li .num {font-size:3.5em; margin-top:48px;}
#sub .serviceSet ul li .txt1 {font-size:1.8em; letter-spacing:-2px;}
#sub .serviceSet ul li .txt2 {font-size:1.2em; letter-spacing:-1px; margin-top:12px; margin-bottom:58px;}



/*CUSTOMER*/
#sub .type5 .tab ul li {font-size:1.633em;}
#sub .type5 .tab ul .on p {padding-top:15px; padding-bottom:15px;}
#sub .type5 .tab ul .off p {padding-top:15px; padding-bottom:15px;}


#sub .type5 .con .bg {width:100%;}
#sub .type5 .con .notice {margin-top:56px;}
#sub .type5 .con .notice dl {width:90%;}
#sub .type5 .con .notice dl dd ul {background-color:#FFFFFF; overflow:hidden; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:30px;}
#sub .type5 .con .notice dl dd ul li {float:none;}
#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 .con2 .inquiry {margin-top:56px;}
#sub .type5 .con2 .inquiry dl {width:90%;}
#sub .type5 .con2 .inquiry dl dd .entry .box {width:90%; margin:auto;}
#sub .type5 .con2 .inquiry dl dd .entry .entryTitle{margin-left:20px; margin-right:20px; }
#sub .type5 .con2 .inquiry dl dd .entry .inputBox {margin-left:20px; margin-right:20px; border:0px solid #666666;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_txtbox {width:70%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_div {width:25%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox span { margin-left:0.8%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW1 {width:27.5%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW2 {width:44.5%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW3 {width:96%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW4 {width:60%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox  {margin-left:20px; margin-right:20px;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box1 {width:33%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box2 {width:33%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box3 {width:33%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box4 {width:33%;}

#sub .type5 .con3 .bravocrm {margin-top:56px;}
#sub .type5 .con3 .bravocrm dl {width:90%;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li p {font-size:1.8em; margin-top:20px; 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.15em; }
#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:25px; width:180px; padding-top:10px; padding-bottom:13px; font-size:1.15em;}
#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:2em; 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.4em; 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.2em; float:left; text-align:center; width:48%; padding-top:7px; padding-bottom:7px; font-weight:600;}
#sub .type5 .con3 .bravocrm dl .bt ul li+li {float:right;}

}