@charset "utf-8";

/*1280이상 pc에만 쓰이는 css*/
@media all and (min-width:1280px){
.ptxtb {display:block;}
.pr110 {padding-right:110px;}
.pl110 {padding-left:110px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

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

#main .visual .visualTxtBt {overflow:hidden; position:absolute; z-index:80; margin-left:110px; top:170px;left:-200%;}
#main .visual .visualTxtBt .txt2 {margin-top:5px;}
#main .visual .visualTxtBt .bt {margin-top:46px;}

/*#main .visual .visualCon img {width:100%;}*/
#main .visual .visualCon {overflow:hidden; position:absolute; z-index:1; margin-left:550px; top:150px;border:0px solid #000000;}
#main .visual .visualCon .ver0 {position:relative;margin:0px;left:100%;}
#main .visual .visualCon .ver1 {position:relative;margin:0px;left:100%;}
#main .visual .visualCon .ver2 {position:relative;margin:0px;left:100%;}

#main .visual .visualCon .ver0 img {width:715px;height:364px}
#main .visual .visualCon .ver1 img {width:535px;height:323px}
#main .visual .visualCon .ver2 img {width:805px;height:525px}

#main .business ul .iconS1 {height:267px;}
#main .business ul .iconS2 {height:267px;}


#main .portfolio {border:0px solid #333333; position:relative; overflow:hidden; top:0px; margin-left:219px;}
#main .portfolio .box {overflow:hidden; border:0px solid #00CC66; width:100%;}
#main .portfolio .pimg {float:left; width:100%; border:0px solid #003333; overflow:hidden; min-width:80%;  position:relative;}
#main .portfolio .pimg img {width:100%; min-height:100%; height:auto;}

#main .portfolio .pimg .txtBox {height:529px; width:340px;left:0px;position:absolute;z-index:99;}
#main .portfolio .pimg .txtBox .txt1 {font-size:2.333em; margin-top:141px; margin-left:36px; letter-spacing:-2px; }
#main .portfolio .pimg .txtBox .txt2 {font-size:1.250em; margin-top:28px; margin-left:36px; padding-right:26px;}
#main .portfolio .pimg .txtBox .bt {border:1px solid #FFFFFF; text-align:center; margin-left:36px; width:106px; line-height:35px; margin-top:45px;}

#main .imgCon1 ul li {float:left; width:50%; height:560px;}
#main .imgCon3 ul li {float:left; width:50%; height:400px;}

#footer .sitemap ul .line {border-left:1px solid #e3e3e3; padding-left:40px; padding-right:20px;}


#sub .type1 .imgBg1 {background:url(../img/sub1/titleImg.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:420px; }
#sub .type1 .map {background:url(http://t1.daumcdn.net/roughmap/imgmap/ca52b7570733eaa9748f61562a388bf28425c60071ddcbaea76eda39c547a13d) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:620px;}
#sub .aboutSet .bottomBg {background:url(../img/sub1/titleImg.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}


#sub .type2 .box2 .con ul .imgPlace img {width:100%; min-height:570px; height:100%;}
#sub .type2 .box1 ul .imgPlace .arrow {position:absolute; top:45%;}
#sub .type2 .box1 ul .imgPlace .arrow img {width:23px; min-height:47px;}
#sub .type2 .box2 .con ul .pimgPlace .arrow {position:absolute; right:0px; top:45%;}
#sub .type2 .box2 .con ul .pimgPlace .arrow img {width:23px; min-height:47px;}
#sub .type2 .box2 .con ul .imgPlace .arrow {position:absolute; top:45%;}
#sub .type2 .box2 .con ul .imgPlace .arrow img {width:23px; min-height:47px; height:23px;}
#sub .type2 .box2 .pconImg .arrow {position:absolute; width:100%; text-align:center;}
#sub .type2 .box2 .pconImg .arrow img {width:47px; min-height:23px; height:23px;}
#sub .type2 .box3 ul .pimgPlace .arrow {position:absolute; right:0px; top:45%;}
#sub .type2 .box3 ul .pimgPlace .arrow img {width:23px; min-height:47px; height:47px;} 
#sub .type2 .box4 ul .pimgPlace .arrow {position:absolute; top:45%;}
#sub .type2 .box4 ul .pimgPlace .arrow img {width:23px; min-height:47px; 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:730px;}
#sub .type2_2 .box2 .bgType2 {min-height:353px;}
#sub .type2_2 .box1 ul .conImg img {width:100%; min-height:475px; 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%; min-height:475px; 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 .workSet .bottomBg {background:url(../img/sub2/conImg2_9.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}

#sub .type1_2 dl .historyType1 .con ul img {width:100%; min-height:100%;}
#sub .type1_2 dl .historyType2 ul img {width:100%; min-height:100%;}

#sub .type4 .topBg {background:url(../img/sub4/conImg1.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; position:relative;}
#sub .type4 .serviceSet .bottomBg {background:url(../img/sub4/conImg1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}
#sub .type4 .serviceBox .bgstyle1 {background:url(../img/sub4/conImg2.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:809px; 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:979px; overflow:hidden;}
#sub .type4 .serviceBox .conBg ul {overflow:hidden; position:absolute; width:100%; top:220px;}

#sub .type4_2 .serviceBox .conBg dl {overflow:hidden; position:absolute; width:100%; top:220px; border:0px solid #666666;}
#sub .type4_2 .topBg {background:url(../img/sub4/conImg2_1.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; 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:710px; 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:986px; 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:710px; overflow:hidden;}
#sub .type4_2 .serviceSet .bottomBg {background:url(../img/sub4/conImg2_1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}

#sub .type4_3 .topBg {background:url(../img/sub4/conImg3_1.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; position:relative;}
#sub .type4_3 .serviceSet .bottomBg {background:url(../img/sub4/conImg3_1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}
#sub .type4_3 .serviceBox .imgBox1 .boxType3 {background:url(../img/sub4/conImg3_8.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; position:relative;}
#sub .type4_3 .serviceBox .imgBox2 .boxType3 {background:url(../img/sub4/conImg3_15.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; position:relative;}
#sub .type4_3 .serviceBox .imgBox4 .boxType1 {background:url(../img/sub4/conImg3_22.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; position:relative;}

#sub .type4_4 .serviceBox .conBg dl {overflow:hidden; position:absolute; width:100%; top:220px; border:0px solid #666666;}
#sub .type4_4 .topBg {background:url(../img/sub4/conImg4_1_3.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; position:relative;}
#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:710px; overflow:hidden;}
#sub .type4_4 .serviceSet .bottomBg {background:url(../img/sub4/conImg2_1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}

#sub .type4_5 .serviceBox .conBg dl {overflow:hidden; position:absolute; width:100%; top:220px; border:0px solid #666666;}
#sub .type4_5 .topBg {background:url(../img/sub4/conImg5_1_2.jpg)no-repeat; background-position:center; background-size:100%; background-attachment:fixed; min-height:420px; 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:710px; overflow:hidden;}
#sub .type4_5 .serviceSet .bottomBg {background:url(../img/sub4/conImg2_1.jpg)no-repeat; background-position:center; background-size:cover; background-attachment:fixed; height:120px;}

#sub .type3 .list .groupSelect {position:absolute; right:20px; border-left:1px solid #ededed; padding-left:40px; height:73px;}
#sub .type3 .list .groupSelect .box {margin-top:20px;}

#sub .aboutSet ul li:hover {background-color:#454545;}
#sub .aboutSet ul li:hover .num {color:#FFFFFF;}
#sub .aboutSet ul li:hover .txt1 {color:#FFFFFF;}
#sub .aboutSet ul li:hover .txt2 {color:#FFFFFF;}

#sub .workSet ul li:hover {background-color:#454545;}
#sub .workSet ul li:hover .num {color:#FFFFFF;}
#sub .workSet ul li:hover .txt1 {color:#FFFFFF;}
#sub .workSet ul li:hover .txt2 {color:#FFFFFF;}

#sub .serviceSet ul li:hover {background-color:#454545;}
#sub .serviceSet ul li:hover .num {color:#FFFFFF;}
#sub .serviceSet ul li:hover .txt1 {color:#FFFFFF;}
#sub .serviceSet ul li:hover .txt2 {color:#FFFFFF;}

}

#video_content {overflow:hidden; top:0px; left: 0px;  border:0px solid #0000CC; width:100%;  height:100%;}
#videobcg {position:relative; top:0px; left:0px; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1000; overflow:hidden; border:0px solid #000000;}

/*PROGECT_CLOSE*/
#projectBar {position:fixed; bottom:0px; width:100%; 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; z-index:999; border:0px solid #0000FF; display:none;}
#projectBar p {text-align:center; color:#FFFFFF; font-size:1.833em; letter-spacing:-1px; margin-top:14px; margin-bottom:14px;}
#projectBar p span {margin-left:16px;}
#projectBar .closeBt {display:none;}

/*PROGECT_OPEN*/
#projectOpen {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;}
#projectOpen .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.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000, endColorstr=#E6000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000, endColorstr=#E6000000)"; zoom:1;cursor:pointer;}
#projectOpen .bar span {margin-left:16px;}
#projectOpen .inquire {width:977px; margin:auto; padding-top:10px;display:none;}
#projectOpen .inquire .title {color:#8d8d8d; font-size:1.1em; margin-top:20px;}
#projectOpen .inquire .title span {color:#ffffff; margin-right:5px;}
#projectOpen .inquire .inputBox {overflow:hidden; margin-top:16px;}
#projectOpen .inquire .inputBox span {margin-left:12px;}
#projectOpen .inquire .inputBox span#span_url{display:inline-block; vertical-align:top; width:47%;}
#projectOpen .inquire .inputBox .inpW1 {width:30%;}
#projectOpen .inquire .inputBox .inpW2 {width:47%;}
#projectOpen .inquire .inputBox .inpW3 {width:97%;}
#projectOpen .inquire .radioBox {font-size:1.17em; overflow:hidden; margin-top:3px;color: #fff;}
#projectOpen .inquire .radioBox p {margin-top:5px;}
#projectOpen .inquire .radioBox .box1 {width:150px; float:left; letter-spacing:-1px;}
#projectOpen .inquire .radioBox .box2 {width:150px; float:left; letter-spacing:-1px;}
#projectOpen .inquire .radioBox .box3 {width:125px; float:left; letter-spacing:-1px;}
#projectOpen .inquire .radioBox .box4 {width:150px; float:left; letter-spacing:-1px;}
#projectOpen .inquire .radioBox .bt {overflow:hidden; margin-top:19px; padding-bottom:45px;}
#projectOpen .inquire .radioBox .bt li:first-child {float:left; font-size:0.9em; letter-spacing:-1px; margin-top:20px;}
#projectOpen .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;}


/*LOCATION*/
#location {width:702px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-color:#FFFFFF; position:relative; overflow:hidden; border:0px solid #003366;}
#location .phonImg {position:absolute; top:43px; left:42px;}
#location .txtBox1 {margin-left:348px; overflow:hidden;}
#location .txtBox1 .txt1 {color:#262626; font-size:1.15em; font-weight:bold; margin-top:70px;}
#location .txtBox1 .txtImg1 {font-size:0px; margin-top:24px;}
#location .txtBox1 .txtImg2 {font-size:0px; margin-top:22px;}
#location .txtBox1 .sendInput {overflow:hidden; margin-top:27px;}
#location .txtBox1 .inpStyle {border:none; background-color:#403a3a; border-radius:5px 0px 0px 5px; height:38px; float:left; color:#FFFFFF; padding-left:10px; width:200px;}
#location .txtBox1 .bt {background-color:#000000; border-radius:0px 5px 5px 0px; height:40px; float:left; color:#FFFFFF; text-align:center; line-height:40px; padding-left:22px; padding-right:22px;}
#location .txtBox2 {padding-left:348px; background-color:#000000; overflow:hidden; color:#FFFFFF; margin-top:35px; font-size:1.2em; letter-spacing:-1px; padding-bottom:35px;}
#location .txtBox2 .txt1 {margin-top:28px;}
#location .txtBox2 .txt2 {margin-top:20px;}


/*inputstyle*/
#projectOpen .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:#ffff; font-size:1.17em;}
#projectOpen .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;}
#projectOpen .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;}
#projectOpen .inquire .inputBox .inp_style2 {height:56px; background-color:#2b2b2b; border:1px solid #2b2b2b;  border-radius:0px;  padding-left:10px; color:#717171; font-size:1.25em;}
#projectOpen .inquire .inputBox .inp_style2:hover {height:56px; background-color:#2b2b2b; border:1px solid #FFFFFF;  border-radius:0px;  padding-left:10px; color:#717171; font-size:1.25em;}
#projectOpen .inquire .inputBox .inp_style2_on {height:56px; background-color:#2b2b2b; border:1px solid #FFFFFF;  border-radius:0px;  padding-left:10px; color:#717171; font-size:1.25em;}
/*filestyle*/
#projectOpen .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;}
#projectOpen .inquire .inputBox .file_input_div {position:relative; width:17%; height:30px; overflow:hidden; border:0px solid #FF0033;}
#projectOpen .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} 
#projectOpen .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}
/*radiostyle*/
#projectOpen .inquire .radioBox input {display:none;}
#projectOpen .inquire .radioBox .radio_style + label{display:inline-block; height:20px; padding:0 0 0 22px; background:url(../img/radio_off.png) no-repeat left;font-weight: 700; }
#projectOpen .inquire .radioBox .radio_style:checked + label{background:url(../img/radio_on.png) no-repeat left; color:#FFFFFF; }
/*textareastyle*/
#projectOpen .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;}
#projectOpen .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;}
#projectOpen .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;}


#mtopBt {display:none;}
#mtop {display:none;}
#mheader {display:none;}

#wrap {margin:0px; padding:0px; width:100%; position:relative; min-height:100%;}
/*LEFTNAV*/

#leftNav h1 {margin-top:44px; text-align:center;}
#leftNav .line {font-size:0px; margin-top:57px; text-align:center; margin-bottom:20px;}
#leftNav .line2 {font-size:0px; margin-top:130px; text-align:center; margin-bottom:10px;}
#leftNav .line3 {font-size:0px; margin-top:45px; text-align:center; margin-bottom:10px;}
#leftNav .line3 p {display:none;}
#leftNav dl {overflow:hidden; text-align:center;cursor:pointer;}
#leftNav dl dt p {font-size:1.2em; color:#010101; font-weight:600;}
#leftNav dl dd {display:none;}
#leftNav dl dd p {font-size:1em; margin-top:10px;}

#leftNav dl+dl {margin-top:47px;}
#leftNav .phonContact {text-align:center; position:absolute; bottom:80px; width:100%;}
#leftNav .phonContact .txt1 {font-weight:600; line-height:25px;}
#leftNav .phonContact .txt2 {font-size:1.2em;}

/*TOP*/
#top {overflow:hidden; background:url(../img/main/top_bg.png) repeat-x; height:38px; position:absolute; z-index:80; width:100%; }
#top ul {overflow:hidden; float:right;}
#top ul li {float:left; font-size:1em; width:177px; line-height:38px; border-left:1px solid #dfecfc; text-align:center; color:#222222; letter-spacing:-1px;}
#top2 {overflow:hidden; height:38px; position:absolute; z-index:80; width:100%; border-bottom:1px solid #ededed; background-color:#FFFFFF;}
#top2 ul {overflow:hidden; float:right;}
#top2 ul li {float:left; font-size:1em; width:177px; line-height:38px; border-left:1px solid #ededed; text-align:center; color:#222222; letter-spacing:-1px;}


/*FOOTER*/
#footer {overflow:hidden; position:relative; background-color:#FFFFFF; margin-left:219px;  padding-bottom:60px;}
#footer .sitemap {background-color:#f5f5f5; overflow:hidden; padding-left:50px; padding-right:50px; padding-top:45px; padding-bottom:45px;}
#footer .sitemap ul {overflow:hidden; width:40%; float:left; border:0px solid #333333;}
#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:-1.5px; 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:20%;}
#footer .sitemap ul+ul+ul li {width:100%;}
#footer .sitemap ul li {width:50%; float:left;}
#footer .copyright {text-align:center; margin-top:20px; margin-bottom:20px; letter-spacing:-1px; word-spacing:1.5px;}
#footer .copyright .bar {font-size:0.75em; color:#a8a8a8;}



/*MAIN*/
/*VISUAL*/
#main {top:0px; left:0px;}
#main .visual {border:0px solid #333333; overflow:hidden; position:relative; margin-left:219px;}

#main .visual .visualPaging {overflow:hidden; position:absolute; z-index:80; bottom:35px; width:100%;}
#main .visual .visualPaging .box {overflow:hidden}
#main .visual .visualPaging .box ul {text-align:center; margin:auto; width:150px;  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 .num {text-align:center; position:absolute; width:100%; font-size:2.500em; color:#FFFFFF;}
#main .visual .visualTxtBt .txt1 {color:#262626;}

#main .visual .visualTxtBt .txt1 .main_message1{position:absolute;}
#main .visual .visualTxtBt .txt1 .main_message2{position:absolute;}
#main .visual .visualTxtBt .txt1 .main_message3{position:absolute;}


#main .visual .visualTxtBt .txt1 .stxt1 {letter-spacing:-1px; font-weight:400; padding-bottom:10px; font-style:italic; font-size:3.4em;}
#main .visual .visualTxtBt .txt1 .stxt2 {font-weight:900; font-size:5.7em; letter-spacing:-3px; margin-top:0px; line-height:32px;}
#main .visual .visualTxtBt .txt1 .stxt3 {font-weight:900; font-size:5.7em; 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:40px;}

#main .visual .visualTxtBt .txt2 .message1 {position:absolute;}
#main .visual .visualTxtBt .txt2 .message2 {position:absolute;}
#main .visual .visualTxtBt .txt2 .message3 {position:absolute;}



#main .visual .visualTxtBt .bt {overflow:hidden;color:#262626;  font-size:1.7em; font-weight:600; letter-spacing:-2px;}
#main .visual .visualTxtBt .bt li {width:164px; text-align:center; border:1px solid #262626; float:left; line-height:42px; height:50px;}
#main .visual .visualTxtBt .bt li+li {margin-left:15px;}
#main .visual .pvImg {width:100%;} /*PC_VISUAL*/
#main .visual .pvImg img {width:100%;}
#main .visual .tvImg {position:absolute; height:100%; width:100%; min-height:100%; min-width:100%; top:0px; display:none;}/*TABLET_VISUAL*/
#main .visual .tvImg img {width:100%; min-height:100%; min-width:100%;}
#main .visual .mvImg {position:absolute; height:100%; width:100%; min-height:100%; min-width:100%; top:0px; display:none;}/*MOBILE_VISUAL*/
#main .visual .mvImg img {width:100%; min-height:100%; min-width:100%;}



/*BUSINESS*/
#main .business {border:0px solid #333333;  position:relative; overflow:hidden; margin-left:219px;}
#main .business ul {overflow:hidden; text-align:center;}
#main .business ul .iconS1 {background-color:#f5f5f5; width:20%; float:left; padding-top:73px;}
#main .business ul .iconS1 p {padding-top:45px; font-size:2.083em; font-weight:600; letter-spacing:-1px;}
#main .business ul .iconS1 span {font-size:1.250em;}
#main .business ul .iconS2 {background-color:#ffffff; width:20%; float:left; padding-top:73px;}
#main .business ul .iconS2 p {padding-top:45px; font-size:2.083em; font-weight:600; letter-spacing:-1px;}
#main .business ul .iconS2 span {font-size:1.250em;}
#main .business ul .iconS3 {background-color:#262626; width:20%; float:left; height:340px;}
#main .business ul .iconS3 p {font-size:3.333em; color:#ffffff; text-align:-1.5px; font-weight:600; line-height:35px; padding-top:66px;}
#main .business ul .iconS3 .line {font-size:0px; margin-top:25px; margin-bottom:25px;}
#main .business ul .iconS3 span {font-size:1.250em; color:#FFFFFF; letter-spacing:-1px; line-height:22px;}
#main .business ul .miconS3 {display:none;}


/*PORTFOLIO*/
#main .portfolio .box .plist {float:left; width:20%; overflow:hidden; border:0px solid #339999;}
#main .portfolio .box .plist h1 {margin-left:48px; margin-top:83px;}
#main .portfolio .box .plist h1 img {width:80%;}
#main .portfolio .box .plist dl {margin-left:48px;}
#main .portfolio .box .plist dl dt {font-size:1.500em; letter-spacing:-1px; font-weight:600; margin-top:45px;}
#main .portfolio .box .plist dl .pctxt {margin-top:36px;cursor:pointer; margin-right:20px;}
#main .portfolio .box .plist dl .pctxt ul li span {text-decoration:underline;}
#main .portfolio .box .plist dl .pctxt ul li+li {margin-top:20px;}
#main .portfolio .box .plist dl .pctxt ul .on {font-size:1.167em; letter-spacing:-1px;}
#main .portfolio .box .plist dl .pctxt ul .off {font-size:1.167em; letter-spacing:-1px; color:#bab9b9;}
#main .portfolio .box .plist dl .tmOnoff {display:none;}
#main .portfolio .box .pimg .txtBox  {height:100%; position:absolute; color:#FFFFFF; overflow:hidden; ackground: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; zoom:1;left:-500px;}


/*IMGCON1*/
#main .imgCon1 {border:0px solid #333333; position:relative; overflow:hidden; top:0px; margin-left:219px;}
#main .imgCon1 ul li {position:relative;}

#main .imgCon1 ul li .txtBox {position:absolute; background: rgb(255, 255, 255,); background: rgba(255, 255, 255, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; zoom:1; width:50%; left:25%; top:31%; text-align:center; overflow:hidden}
#main .imgCon1 ul li .txtBox .txt1 {font-size:4.167em; font-weight:600; margin-top:56px; letter-spacing:-2px;}
#main .imgCon1 ul li .txtBox .txt2 {font-size:1.167emem; margin-top:15px;  margin-bottom:56px;}
#main .imgCon1 img {width:100%;  min-width:100%; height:auto; min-height:100%;}


/*IMGCON2*/
#main .imgCon2 {border:0px solid #333333; overflow:hidden; top:0px; height:auto;  position:relative; margin-left:219px;}
#main .imgCon2 .txtBox {position:absolute; text-align:center; width:100%; color:#FFFFFF; letter-spacing:-1px;}
#main .imgCon2 .txtBox .txt1 {font-size:1.167em; margin-top:234px;}
#main .imgCon2 .txtBox .txt2 {font-size:2.500em; margin-top:10px; font-weight:600; letter-spacing:-2px; line-height:45px;}
#main .imgCon2 .txtBox .line {font-size:0px; height:1px; width:153px; margin:43px auto; overflow:hidden;}
#main .imgCon2 .txtBox .line img {width:153px;}
#main .imgCon2 .txtBox .txt3 {font-size:1.250em; font-weight:600;}
#main .imgCon2 .txtBox .txt4 {font-size:1.250em; margin-top:20px; font-weight:600;}
#main .imgCon2 img {width:100%; height:auto; min-height:100%; min-width:100%;}
#main .imgCon2 .ptImg {height:680px;}
#main .imgCon2 .mImg {display:none;}


/*IMGCON3*/
#main .imgCon3 {border:0px solid #333333; position:relative; overflow:hidden; top:0px; margin-left:219px;}
#main .imgCon3 ul li {position:relative;}
#main .imgCon3 ul li .txtBox {position:absolute; top:31%; text-align:center; overflow:hidden; width:100%; color:#FFFFFF;}
#main .imgCon3 ul li .txtBox .txt1 {font-size:2.500em; font-weight:600; margin-top:56px; letter-spacing:-2px;}
#main .imgCon3 ul li .txtBox .txt2 {font-size:1.167emem; margin-top:15px;  margin-bottom:56px;}
#main .imgCon3 img {width:100%;  min-width:100%; height:auto; min-height:100%;}



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

/*title*/
#sub .title { overflow:hidden; padding-top:39px;  border-bottom:1px solid #ededed; padding-bottom:53px; margin-left:219px;}
#sub .title h1 {margin-left:48px; font-size:2.1em; margin-top:45px; letter-spacing:-1px;}
#sub .title h2 {padding-left:48px; font-size:4.3em; letter-spacing:-6px; margin-top:5px; font-weight:normal;}
#sub .title ul {overflow:hidden; margin-right:50px;}/*portfolio*/
#sub .title ul li {float:left;}
#sub .title ul li+li {float:right; margin-top:63px;}
#sub .title ul li+li span {margin-left:20px;}

/*ABOUT1*/
#sub .aboutTitle {font-size:1.7em; font-weight:600; text-align:center; padding-top:20px; padding-bottom:20px; letter-spacing:5px; border-bottom:1px solid #ededed;}
#sub .type1 {overflow:hidden; margin-left:219px; }
#sub .type1 .imgBg1 .txt {position:relative; text-align:center; overflow:hidden; color:#FFFFFF; padding-top:300px;}
#sub .type1 .imgBg1 .txt span {font-size:3.7em; letter-spacing:-2px;}
#sub .type1 .imgBg1 .txt p {font-size:5em; letter-spacing:-1px;}
#sub .type1 .content {text-align: center; position: relative; width:100%; overflow:hidden;}
#sub .type1 .content .txt1 {font-size:2.000em; letter-spacing:-2px; font-weight:600; line-height:35px; margin-top:60px;}
#sub .type1 .content .line {font-size:0px; margin-top:40px;}
#sub .type1 .content .txt2 {font-size:1.250em; letter-spacing:-1px; line-height:25px; margin-top:40px;}
#sub .type1 .content .txt3 {font-size:1.250em; letter-spacing:-1px; line-height:25px; margin-top:25px; padding-bottom:80px;}
#sub .type1 .content ul {width:775px; margin:66px auto; text-align:left; overflow:hidden;}
#sub .type1 .content ul li {float:left; font-size:1.333em; line-height:28px;}
#sub .type1 .content ul li+li {margin-top:28px; margin-left:65px;}
#sub .type1 .imgBg2 {background:url(../img/sub1/conImg1.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed; min-height:620px;}
#sub .type1 .imgBg2 .box {position: relative; width:586px; margin:auto; text-align:center; color:#FFFFFF; padding-top:140px;}
#sub .type1 .imgBg2 .box .txt1 {font-size:6em;}
#sub .type1 .imgBg2 .box .txt2 {font-size:2em; letter-spacing:-2px; margin-top:22px;}
#sub .type1 .imgBg2 .box .txt3 { margin-top:39px; 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=#33FFFFFF, endColorstr=#33FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF)"; zoom:1; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(../PIE.htc);  height:43px;  z-index:0; border:none; width:500px; text-align:center; color:#FFFFFF;}
#sub .type1 .imgBg2 .box .txt3 p {text-align:left; font-size:1.333em; letter-spacing:-1px; margin-top:10px; text-align:center;}
#sub .type1 .imgBg2 .box .snsIcon {overflow:hidden; margin-top:20px;}
#sub .type1 .imgBg2 .box .snsIcon ul {width:282px; border:1px solid #FFFFFF; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior: url(./js/PIE.htc); position:relative; z-index:0; margin:auto; overflow:hidden;}
#sub .type1 .imgBg2 .box .snsIcon ul:hover {background: rgb(255, 255, 255,); background: rgba(255, 255, 255, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF)"; zoom:1;}
#sub .type1 .imgBg2 .box .snsIcon ul li {float:left; text-align:left; margin-top:14px; margin-bottom:13px;}
#sub .type1 .imgBg2 .box .snsIcon ul li:first-child {margin-left:34px;}
#sub .type1 .imgBg2 .box .snsIcon ul li+li {margin-left:15px;}
#sub .type1 .imgBg2 .box .snsIcon ul li+li span {font-size:1.167em;}
#sub .type1 .imgBg2 .box .snsIcon ul li+li p {font-size:2em; font-weight:600;}

#sub .type1 .imgCon3 {border:0px solid #333333; position:relative; overflow:hidden; top:0px; width:100%; }
#sub .type1 .imgCon3 ul li {position:relative; float:left; width:50%; height:400px;}
#sub .type1 .imgCon3 ul li .txtBox {position:absolute; top:31%; text-align:center; overflow:hidden; width:100%; color:#FFFFFF;}
#sub .type1 .imgCon3 ul li .txtBox .txt1 {font-size:2.500em; font-weight:600; margin-top:56px; letter-spacing:-2px;}
#sub .type1 .imgCon3 ul li .txtBox .txt2 {font-size:1.167emem; margin-top:15px;  margin-bottom:56px;}
#sub .type1 .imgCon3 img {width:100%; min-width:100%; height:auto; min-height:100%;}
#sub .type1 #map { height:675px} 

/*ABOUT2*/
#sub .type1_2 {overflow:hidden; ;margin-left:219px;}
#sub .type1_2 dl {overflow:hidden;  width:100%;}
#sub .type1_2 dl .bg20 {background-color:#0d0d0d;cursor:pointer;}
#sub .type1_2 dl .bg19 {background-color:#191919;cursor:pointer;}
#sub .type1_2 dl .bg18 {background-color:#262626;cursor:pointer;}
#sub .type1_2 dl .bg17 {background-color:#333333;cursor:pointer;}
#sub .type1_2 dl .bg16 {background-color:#404040;cursor:pointer;}
#sub .type1_2 dl .bg15 {background-color:#4c4c4c;cursor:pointer;}
#sub .type1_2 dl .bg1 {background-color:#595959;cursor:pointer;}
#sub .type1_2 dl .bg2 {background-color:#666666;cursor:pointer;}
#sub .type1_2 dl .bg3 {background-color:#737373;cursor:pointer;}
#sub .type1_2 dl .bg4 {background-color:#7f7f7f;cursor:pointer;}
#sub .type1_2 dl .bg5 {background-color:#8c8c8c;cursor:pointer;}
#sub .type1_2 dl .bg6 {background-color:#999999;cursor:pointer;}
#sub .type1_2 dl .bg7 {background-color:#a6a6a6;cursor:pointer;}
#sub .type1_2 dl .bg8 {background-color:#b2b2b2;cursor:pointer;}
#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 p {float:left; }
#sub .type1_2 dl dt ul li .year {color:#FFFFFF; opacity:0.2; font-size:5.000em; margin-top:5px; letter-spacing:-2px;}
#sub .type1_2 dl dt ul li .txt {color:#FFFFFF; font-size:1.3em; margin-top:28px; margin-left:20px;}
#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 .icon {float:left; margin-left:40px; margin-top:40px; 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 {border:1px solid #000000; width:165px; margin:auto; margin-top:105px; font-size:2em; padding-top:16px; padding-bottom:18px;  font-weight:600; letter-spacing:-1.5px; text-align:center;}
#sub .type1_2 dl dd .noYear { margin-top:120px;}
#sub .type1_2 dl dd p {text-align:center; font-size:1.2em; line-height:30px; letter-spacing:-1px; margin-top:30px;}
#sub .type1_2 dl .historyType1 {overflow:hidden;display:none;}
#sub .type1_2 dl .historyType1 .con {width:75%; border:0px solid #666666; overflow:hidden; float:left;}
#sub .type1_2 dl .historyType1 .con ul {overflow:hidden; width:100%;}
#sub .type1_2 dl .historyType1 .con ul li {float:left; height:570px;}
#sub .type1_2 dl .historyType1 .con ul .htxt {width:30%}
#sub .type1_2 dl .historyType1 .con ul .himg {width:70%;}
#sub .type1_2 dl .historyType1 .con ul .mhimg { display:none;}
#sub .type1_2 dl .historyType1 .con ul .phimg {width:70%;}
#sub .type1_2 dl .historyType1 .pconImg {float:left; width:25%; height:1140px;}
#sub .type1_2 dl .historyType1 .pconImg img {width:100%; min-height:100%;}
#sub .type1_2 dl .historyType2 {overflow:hidden;display:none;}
#sub .type1_2 dl .historyType2 ul {overflow:hidden; width:100%;}
#sub .type1_2 dl .historyType2 ul li {float:left; height:570px;}
#sub .type1_2 dl .historyType2 ul .htxt {width:25%}
#sub .type1_2 dl .historyType2 ul .himg {width:50%;}
#sub .type1_2 dl .historyType2 ul .himg2 {width:50%;}
#sub .type1_2 dl .historyType2 ul .phimg {width:25%;}
#sub .type1_2 dl .historyType2 .mhimg { display:none;}

#sub .aboutSet {border-top:8px solid #f5f5f5; overflow:hidden; background-color:#FFFFFF;}
#sub .aboutSet ul {overflow:hidden;}
#sub .aboutSet ul li {float:left; width:33.3%; }
#sub .aboutSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:50px; padding-right:50px;}
#sub .aboutSet ul li .num {font-size:3.3em; margin-top:32px;}
#sub .aboutSet ul li .txt1 {font-size:2em; letter-spacing:-2px;}
#sub .aboutSet ul li .txt2 {font-size:1.08em; letter-spacing:-1px; margin-top:12px; margin-bottom:50px;}
#sub .aboutSet ul li .noline {padding-left:50px;}






/*WORK1*/
#sub .type2 {overflow:hidden; border:0px solid #CC3333; margin-left:219px;}
#sub .workTitle {font-size:1.7em; font-weight:600; text-align:center; padding-top:20px; padding-bottom:20px; letter-spacing:5px; border-bottom:1px solid #ededed;}
#sub .type2  dl {overflow:hidden; text-align:center;}
#sub .type2  dl dt {border:1px solid #000000; width:180px; margin:auto; font-size:1.25em; padding-top:16px; padding-bottom:18px; margin-top:70px; font-weight:600; letter-spacing:-1.5px;}
#sub .type2 .box1 .txt1 {font-size:1.8em; font-weight:600; letter-spacing:-2px; margin-top:25px;}
#sub .type2 .box2 .txt1 {font-size:1.8em; font-weight:600; letter-spacing:-2px; margin-top:25px;}
#sub .type2 .box3 .txt1 {font-size:1.8em; font-weight:600; letter-spacing:-2px; margin-top:25px;}
#sub .type2 .box4 .txt1 {font-size:1.8em; font-weight:600; letter-spacing:-2px; margin-top:25px;}
#sub .type2 .box1 .num {font-size:3em; margin-top:25px; position:relative; font-weight:600;}
#sub .type2 .box1 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box1 .txt2 {font-size:1.1em; margin-top:10px; line-height:20px; margin-left:30px; margin-right:30px;}
#sub .type2 .box2 .num {font-size:3em; margin-top:25px; position:relative; font-weight:600;}
#sub .type2 .box2 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box2 .txt2 {font-size:1.1em; margin-top:10px; line-height:20px; margin-left:30px; margin-right:30px;}
#sub .type2 .box3 .num {font-size:3em; margin-top:25px; position:relative; font-weight:600;}
#sub .type2 .box3 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box3 .txt2 {font-size:1.1em; margin-top:10px; line-height:20px; margin-left:30px; margin-right:30px;}
#sub .type2 .box4 .num {font-size:3em; margin-top:25px; position:relative; font-weight:600;}
#sub .type2 .box4 .num .line {position:absolute; width:100%; top:-2px;}
#sub .type2 .box4 .txt2 {font-size:1.1em; margin-top:10px; line-height:20px; margin-left:30px; margin-right:30px;}
#sub .type2 .box1 {overflow:hidden;}/*box1*/
#sub .type2 .box1 ul li {float:left; overflow:hidden; width:25%;}
#sub .type2 .box1 ul .imgPlace {width:50%; min-height:570px; position:relative;}
#sub .type2 .box1 ul .imgPlace img {width:100%; min-height:570px; height:100%;}
#sub .type2 .box2 {overflow:hidden;}/*box2*/
#sub .type2 .box2 .con {overflow:hidden; float:left; width:75%;}
#sub .type2 .box2 .con ul {overflow:hidden;}
#sub .type2 .box2 .con ul li {float:left; overflow:hidden; width:66.5%; }
#sub .type2 .box2 .con ul .pimgPlace {width:33.5%; min-height:570px; position:relative;}
#sub .type2 .box2 .con ul .pimgPlace img { width:100%; min-height:570px; height:100%;}
#sub .type2 .box2 .con ul .imgPlace {width:66.5%; min-height:570px; position:relative;}
#sub .type2 .box2 .con ul .txtPlace {width:33.5%;}
#sub .type2 .box2 .pconImg {float:left; width:25%; position:relative;}
#sub .type2 .box2 .pconImg img {width:100%; min-height:1140px; height:100%;}
#sub .type2 .box3 {overflow:hidden;}/*box3*/
#sub .type2 .box3 ul li {float:left; overflow:hidden; width:50%;}
#sub .type2 .box3 ul .pimgPlace {width:50%; min-height:570px; position:relative;}
#sub .type2 .box3 ul .pimgPlace img {width:100%; min-height:570px; height:100%;}
#sub .type2 .box4 {overflow:hidden;}/*box4*/
#sub .type2 .box4 ul li {float:left; overflow:hidden; width:25%;}
#sub .type2 .box4 ul .pimgPlace {width:75%; min-height:570px; position:relative;}
#sub .type2 .box4 ul .pimgPlace img {width:100%; min-height:570px; height:100%;}
#sub .type2 .mimgPlace {display:none;}

/*WORK2*/
#sub .type2_2 {overflow:hidden; border:0px solid #CC3333; margin-left:219px;}
#sub .type2_2 .box1 {overflow:hidden;}/*box1*/
#sub .type2_2 .box1 dl {overflow:hidden; text-align:center;}
#sub .type2_2 .box1 dl dt {border:1px solid #000000; width:165px; margin:auto; font-size:1.25em; padding-top:16px; padding-bottom:18px; margin-top:110px; font-weight:600; letter-spacing:-1.5px;}
#sub .type2_2 .box1 .txt1 {font-size:1.8em; font-weight:600; letter-spacing:-2px; margin-top:25px;}
#sub .type2_2 .box1 .line { font-size:0px; margin-top:30px;}
#sub .type2_2 .box1 .txt2 {font-size:1.1em; margin-top:25px; line-height:20px; margin-left:30px; margin-right:30px;}
#sub .type2_2 .box1 ul li {float:left; overflow:hidden; width:25%;}
#sub .type2_2 .box1 ul .conImg {position:relative; border:0px solid #666666;}
#sub .type2_2 .box1 ul .pconImg {position:relative; border:0px solid #666666;}
#sub .type2_2 .box1 ul .mconImg {display:none;}
#sub .type2_2 .box1 ul .conImg .marrow { display:none;} 
#sub .type2_2 .box1 ul .conImg .num {position:absolute; font-size:5.000em; font-weight:600; left:32px; top:50px;}
#sub .type2_2 .box1 ul .pconImg .num2 {position:absolute; font-size:5.000em; font-weight:600; right:32px; top:50px;}
#sub .type2_2 .box2 {overflow:hidden;}/*box2*/
#sub .type2_2 .box2 .box2Title {font-size:1.9em; font-weight:600; font-style:oblique; text-align:center; background-color:#ededed; letter-spacing:-2px; padding-bottom:30px; padding-top:25px;}

#sub .type2_2 .box2 .box2Con .arrow { text-align:center;}
#sub .type2_2 .box2 .box2Con ul {width:1021px; margin:auto; padding-top:53px;}
#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:90px; padding-top:20px; padding-bottom:20px;}
#sub .type2_2 .box2 .box2Con dl dt {float:left;}
#sub .type2_2 .box2 .box2Con dl dd {float:left; color:#f5f5f5; margin-left:40px; margin-top:18px;}
#sub .type2_2 .box2 .box2Con dl dd .txt1 {font-size:2em; color:#ffffff; letter-spacing:-2px;}
#sub .type2_2 .box2 .box2Con dl dd .txt2 {font-size:1.15em; letter-spacing:-1px; margin-top:20px;}


/*공통*/
#sub .workSet {border-top:8px solid #f5f5f5; overflow:hidden;}
#sub .workSet ul {overflow:hidden;}
#sub .workSet ul li {float:left; width:50%; }
#sub .workSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:50px; padding-right:50px; }
#sub .workSet ul li .num {font-size:3.3em; margin-top:32px;}
#sub .workSet ul li .txt1 {font-size:2em; letter-spacing:-2px;}
#sub .workSet ul li .txt2 {font-size:1.08em; letter-spacing:-1px; margin-top:12px; margin-bottom:50px;}
#sub .workSet ul li .noline {padding-left:50px; }


/*PORTFOLIO*/
#sub .type3 {overflow:hidden; border:0px solid #CC3333; margin-left:219px;}
/*list*/
#sub .type3 .list {overflow:hidden; position:relative; padding-bottom:10px}
#sub .type3 .list dl {overflow:hidden;}
#sub .type3 .list dl dt {overflow:hidden; padding-left:48px; color:#262626; border-bottom:1px solid #ededed; font-size:2em; letter-spacing:-1px;  padding-bottom:20px; padding-top:20px;}
#sub .type3 .list dl dt span {font-size:0.6em;}

/*#sub .type3 .list dl dt ul li+li p {float:left; margin-left:18px;  font-size:1.3em; margin-top:15px;}
#sub .type3 .list dl dt ul li+li .bt {float:right; margin-right:9px;}
*/

#sub .type3 .list dl dt .txt {margin-top:0px; margin-bottom:0px;}
#sub .type3 .list dl dt .txt2 { margin-top:11px; float:left;}
#sub .type3 .list dl dt .bt2 { float:right;  margin-right:10px;}

#sub .type3 .list dl .recent {overflow:hidden}
#sub .type3 .list dl .recent li {position:relative; height:300px;}
#sub .type3 .list dl .recent li img { width:100%; min-width:100%; min-height:100%;}
#sub .type3 .list dl .recent li p { position:absolute; color:#FFFFFF; font-size:2.2em; letter-spacing:-2px; left:48px; top:40%;}

#sub .type3 .list dl .all {overflow:hidden; padding-left:10px}
#sub .type3 .list dl .all li {float:left; width:20%; position:relative;}
#sub .type3 .list dl .all li .port_line {overflow:hidden; border-top:10px solid #FFFFFF; border-right:10px solid #FFFFFF; position:relative;}
#sub .type3 .list dl .all li img {width:100%;}

#sub .type3 .list dl .all li .pfOn {top:0%;position:absolute; width:100%; height:100%; overflow:hidden;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-moz-opacity:0}
#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*/
/*viewType1*/
#sub .type3 .view {margin-top:39px; overflow:hidden;}
#sub .type3 .view .topBar {overflow:hidden; border-bottom:1px solid #ededed; position:relative;}
#sub .type3 .view .topBar ul { margin:10px; overflow:hidden;}
#sub .type3 .view .topBar ul li {float:left;}
#sub .type3 .view .topBar ul li+li {float:right;}
#sub .type3 .view .topBar h1 { position:absolute; color:#262626; z-index:-1; border:0px solid #000000; top:0px; width:100%; text-align:center; font-weight:normal; letter-spacing:-2px; top:22px;}
#sub .type3 .view .portView1 dl {overflow:hidden;}
#sub .type3 .view .portView1 dl dt {margin-left:48px; margin-right:48px;}
#sub .type3 .view .portView1 dl dt .output {overflow:hidden; float:left; width:65%;}
#sub .type3 .view .portView1 dl dt .output p {float:left;}
#sub .type3 .view .portView1 dl dt .output .txt1 {margin-top:40px;}
#sub .type3 .view .portView1 dl dt .output .txt2 {color:#FFFFFF; font-size:1.25em; line-height:23px;  margin-left:35px; letter-spacing:-1px; margin-top:40px; width:70%;}
#sub .type3 .view .portView1 dl dt ul {float:right; overflow:hidden; margin-top:40px; padding-bottom:44px;}
#sub .type3 .view .portView1 dl dt ul li:hover {color:#FFFFFF; background-color:#242424;}
#sub .type3 .view .portView1 dl dt ul li {float:right; color:#262626; background-color:#ffffff; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:18px; padding-right:18px; padding-top:8px; padding-bottom:8px; font-weight:600;}
#sub .type3 .view .portView1 dl dt ul li span {font-size:1.2em; margin-left:8px;}
#sub .type3 .view .portView1 dl dt ul li+li {margin-right:10px;}
#sub .type3 .view .portView1 dl dd {padding-left:48px; padding-right:48px;}
#sub .type3 .view .portView1 dl dd img {width:100%;}
#sub .type3 .view .portView1 dl dd+dd {padding-top:48px; padding-bottom:48px; background-color:#ffffff;}
#sub .type3 .view .portView1 dl dd+dd+dd {padding-top:0px; background-color:#f9791e;}

/*viewType2*/
#sub .type3 .view .portView2 dl {background-color:#1487b8; overflow:hidden; overflow:hidden;}
#sub .type3 .view .portView2 .bigBg {background-color:#f27013;}
#sub .type3 .view .portView2 .bigBg2 {background-color:#972f2e;}
#sub .type3 .view .portView2 .bigBg3 {background-color:#9bbe3b;}

#sub .type3 .view .portView2 dl dt {margin-left:48px; margin-right:48px; overflow:hidden;}
#sub .type3 .view .portView2 dl dt .output {overflow:hidden; float:left;  width:65%;}
#sub .type3 .view .portView2 dl dt .output p {float:left;}
#sub .type3 .view .portView2 dl dt .output .txt1 { margin-top:33px;}
#sub .type3 .view .portView2 dl dt .output .txt2 {color:#FFFFFF; font-size:1.25em; line-height:23px; margin-left:35px; letter-spacing:-1px; width:65%; margin-top:40px;} 
#sub .type3 .view .portView2 dl dt ul {float:right; overflow:hidden; margin-top:50px; padding-bottom:44px; width:35%; border:0px solid #CCCCCC;}
#sub .type3 .view .portView2 dl dt ul li {float:right; color:#262626; background-color:#ffffff; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; behavior:url(PIE.htc); padding-left:18px; padding-right:18px; padding-top:8px; padding-bottom:8px; font-weight:600;}
#sub .type3 .view .portView2 dl dt ul li:hover {color:#FFFFFF; background-color:#242424;}
#sub .type3 .view .portView2 dl dt ul li span { font-size:1.2em; margin-left:8px;}
#sub .type3 .view .portView2 dl dt ul li+li { margin-right:10px;}
#sub .type3 .view .portView2 dl dd {background-color:#f5f5f5; overflow:hidden; width:100%;}
#sub .type3 .view .portView2 .bigBg dd {background-color:#f49320;}
#sub .type3 .view .portView2 .bigBg2 dd {background-color:#4e4946;}
#sub .type3 .view .portView2 .bigBg3 dd {background-color:#f5f5f5;}



#sub .type3 .view .portView2 dl dd:last-child { padding-bottom:60px;}
#sub .type3 .view .portView2 dl dd .txt1 {font-size:2.5em; letter-spacing:-3.5px; word-spacing:2px; text-align:center; margin-top:78px; color:#262626;}
#sub .type3 .view .portView2 dl dd .txt2 {font-size:1.25em; letter-spacing:-1px; text-align:center; margin-top:23px; color:#262626; line-height:25px;}
#sub .type3 .view .portView2 dl dd .txt1_2 {font-size:2.5em; letter-spacing:-3.5px; word-spacing:2px; text-align:center; margin-top:78px; color:#ffffff;}
#sub .type3 .view .portView2 dl dd .txt2_2 {font-size:1.25em; letter-spacing:-1px; text-align:center; margin-top:23px; color:#ffffff; line-height:25px;}
#sub .type3 .view .portView2 dl dd .txt1_3 {font-size:2.5em; letter-spacing:-3.5px; word-spacing:2px; margin-top:35px; color:#262626;}
#sub .type3 .view .portView2 dl dd .txt2_3 {font-size:1.25em; letter-spacing:-1px;  margin-top:23px; color:#262626; line-height:25px;}
#sub .type3 .view .portView2 dl dd .txt1_4 {font-size:2.5em; letter-spacing:-3.5px; word-spacing:2px; text-align:right; margin-top:35px; color:#262626;}
#sub .type3 .view .portView2 dl dd .txt2_4 {font-size:1.25em; letter-spacing:-1px;  margin-top:23px; text-align:right; color:#262626; line-height:25px;}
#sub .type3 .view .portView2 dl dd .txt1_5 {font-size:2.5em; letter-spacing:-3.5px; word-spacing:2px; text-align:right; margin-top:78px; color:#262626;}
#sub .type3 .view .portView2 dl dd .aesop_txt1 {font-size:2.5em; letter-spacing:-3.5px; word-spacing:2px; text-align:center; margin-top:78px; color:#262626;}

#sub .type3 .view .portView2 dl dd .imgCon {text-align:center; padding-top:58px;  margin:auto;}
#sub .type3 .view .portView2 dl dd .imgCon2 {text-align:center; margin-top:30px;}
#sub .type3 .view .portView2 dl dd .imgCon3 {text-align:center;}
#sub .type3 .view .portView2 dl dd .imgCon4 {margin-top:15px;}
#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 {background-color:#ffffff; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg1_2 {background-color:#f5f5f5; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg2 {background-color:#00729e; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg2_2 {background-color:#624735; margin-left:50px; margin-right:50px; overflow:hidden;}

#sub .type3 .view .portView2 dl dd .viewBg3 {background-color:#51b8e1; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg4 {background-color:#2a9bc7; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg5 {background-color:#e7e7e7; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg5_2 {background-color:#f26933; margin-left:50px; margin-right:50px; overflow:hidden;}

#sub .type3 .view .portView2 dl dd .viewBg6_1 {background-color:#ffffff; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg6_2 {background-color:#68af3f; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBg6_3 {background-color:#9bbe3b; margin-left:50px; margin-right:50px; overflow:hidden;}


#sub .type3 .view .portView2 dl dd .viewBgm1 {background-color:#e59a27; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBgm2 {background-color:#d8d5d0; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBgm3 {background-color:#ffffff; margin-left:50px; margin-right:50px; overflow:hidden;}
#sub .type3 .view .portView2 dl dd .viewBgm4 {background-color:#977746; margin-left:50px; margin-right:50px; overflow:hidden;}

#sub .type3 .view .portView2 dl dd .twobox {border-bottom:1px solid #e7e7e7; padding-bottom:60px;}
#sub .type3 .view .portView2 dl dd .twobox ul {overflow:hidden; padding-top:60px; width:80%;  max-width:1250px; margin:auto;}
#sub .type3 .view .portView2 dl dd .twobox ul li:first-child { float:left; width:50%;}
#sub .type3 .view .portView2 dl dd .twobox ul li+li { float:right; width:50%;}
#sub .type3 .view .portView2 dl dd .mimgPlace {display:none;}
#sub .type3 .view .portView2 dl dd .imgPlace {text-align:right;}
#sub .type3 .view .portView2 dl dd .pimgPlace { text-align:left;}
#sub .type3 .view .portView2 dl dd .imgPlace img {width:70%; max-width:676px; text-align:right;}
#sub .type3 .view .portView2 dl dd .pimgPlace img {width:70%; max-width:676px; 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:10px; width:80%;  max-width:1350px; margin:auto;}
#sub .type3 .view .portView2 dl dd .twobox2 ul li:first-child {float:left; width:50%; text-align:left;}
#sub .type3 .view .portView2 dl dd .twobox2 ul li+li {float:right; width:50%;}
#sub .type3 .view .portView2 dl dd .twobox2 ul .txtPlaceL {margin-left:50px; margin-top:40px;}
#sub .type3 .view .portView2 dl dd .twobox2 ul .txtPlaceR {margin-right:50px; margin-top:40px;}





/*SERVICE1*/
#sub .type4 {overflow:hidden; border:0px solid #CC3333; margin-left:219px;}
#sub .type4 .topBg .tab {width:100%;overflow:hidden; position:absolute;bottom:0px; border:0px solid #666666; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; zoom:1; border-bottom:3px solid #b2b2b2; border-top:1px solid #545f63;height:48px;}
#sub .type4 .topBg .tab ul {overflow:hidden;  width:290px; margin:auto; border:0px solid #0033FF;}
#sub .type4 .topBg .tab ul li {width:50%; float:left; color:#FFFFFF; font-size:1.4em; font-weight:600; letter-spacing:-1px;}
#sub .type4 .topBg .tab ul li:hover {background-color:#f5f5f5; color:#262626}
#sub .type4 .topBg .tab ul li:hover .on {display:block;}
#sub .type4 .topBg .tab ul li:hover .off {display:none;}
#sub .type4 .topBg .tab ul li p {font-size:0px; margin-top:5px;}
#sub .type4 .topBg .tab ul li .on {display:none;}
#sub .type4 .topBg .tab ul li:first-child .txt{text-align:center; float:right; padding-right:40px; padding-top:10px; padding-bottom:13px;}
#sub .type4 .topBg .tab ul li+li .txt {border-left:1px solid #545f63; overflow:hidden; text-align:center; float:left; padding-left:40px; padding-top:10px; padding-bottom:13px;}


/*스크롤을 내렸을때 유지관리 /운영관리 부분 스크롤 추가 나중에 맞추도록 설정*/
#sub .type4 .topBg .tab_position {width:100%;overflow:hidden;position:fixed;top:0px;border:0px solid #666666; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; zoom:1; border-bottom:3px solid #b2b2b2; border-top:1px solid #545f63;z-index:999999;}
#sub .type4 .topBg .tab_position ul {overflow:hidden;  width:290px; margin:auto;}
#sub .type4 .topBg .tab_position ul li {width:50%; float:left; color:#FFFFFF; font-size:1.4em; font-weight:600; letter-spacing:-1px;}
#sub .type4 .topBg .tab_position ul li:hover {background-color:#f5f5f5; color:#262626}

#sub .type4 .topBg .tab_position ul li:hover .on {display:block;}
#sub .type4 .topBg .tab_position ul li:hover .off {display:none;}
#sub .type4 .topBg .tab_position ul li p {font-size:0px; margin-top:5px;}
#sub .type4 .topBg .tab_position ul li .on {display:none;}
#sub .type4 .topBg .tab_position ul li:first-child .txt{text-align:center; float:right; padding-right:40px; padding-top:10px; padding-bottom:13px;}
#sub .type4 .topBg .tab_position ul li+li .txt {border-left:1px solid #545f63; overflow:hidden; text-align:center; float:left; padding-left:40px; padding-top:10px; padding-bottom:13px;}
/*스크롤을 내렸을때 유지관리 /운영관리 부분 스크롤 추가 나중에 맞추도록 설정*/



#sub .type4 .serviceBox .conBg ul li {width:1021px; margin:auto; background-color:#4d6682;}
#sub .type4 .serviceBox .conBg ul .bg {background-color:#40556c;}
#sub .type4 .serviceBox .conBg ul .bg2 {background-color:#4d7982;}
#sub .type4 .serviceBox .conBg ul .bg3 {background-color:#436971;}
#sub .type4 .serviceBox .conBg ul li dl {overflow:hidden; padding-left:90px; padding-top:20px; padding-bottom:20px;}
#sub .type4 .serviceBox .conBg ul li dl dt {float:left;}
#sub .type4 .serviceBox .conBg ul li dl dd {float:left; color:#f5f5f5; margin-left:40px; margin-top:18px;}
#sub .type4 .serviceBox .conBg ul li dl dd .txt1 {font-size:2em; 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:20px;}

/*SERVICE2*/
#sub .type4_2 {margin-left:219px;}
#sub .type4_2 .topBg .tab {width:100%; overflow:hidden; position:absolute; bottom:0px; border:0px solid #666666; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; zoom:1; border-bottom:3px solid #b2b2b2; border-top:1px solid #545f63;}
#sub .type4_2 .topBg .tab ul {overflow:hidden; width:500px; margin:auto;}
#sub .type4_2 .topBg .tab ul li {width:29%; float:left; color:#FFFFFF; font-size:1.4em; font-weight:600; letter-spacing:-1px;}
#sub .type4_2 .topBg .tab ul li+li {width:42%;}
#sub .type4_2 .topBg .tab ul li+li+li {width:29%;}
#sub .type4_2 .topBg .tab ul li:hover {background-color:#f5f5f5; color:#262626}
#sub .type4_2 .topBg .tab ul li:hover .on { display:block;}
#sub .type4_2 .topBg .tab ul li:hover .off { display:none;}
#sub .type4_2 .topBg .tab ul li p {font-size:0px; margin-top:5px;}
#sub .type4_2 .topBg .tab ul li .on { display:none;}
#sub .type4_2 .topBg .tab ul li:first-child .txt{text-align:center;  padding-top:10px; padding-bottom:13px;}
#sub .type4_2 .topBg .tab ul li+li .txt {border-left:1px solid #434343; overflow:hidden; text-align:center; padding-top:10px; padding-bottom:13px;}
#sub .type4_2 .serviceBox .conBg dl dt {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl .bg1 {background-color:#ac9a62;}
#sub .type4_2 .serviceBox .conBg dl dt .bg1_2 {background-color:#9a8a58;}
#sub .type4_2 .serviceBox .conBg dl .bg2 {background-color:#5687a1;}
#sub .type4_2 .serviceBox .conBg dl dt .bg2_2 { background-color:#4e7a92;}
#sub .type4_2 .serviceBox .conBg dl .bg3 {background-color:#70a885;}
#sub .type4_2 .serviceBox .conBg dl dt .bg3_2 { background-color:#629977;}
#sub .type4_4 .serviceBox .conBg dl .bg1 {background-color:#fce400;}
#sub .type4_4 .serviceBox .conBg dl dt .bg1_2 { background-color:#fcca00;}
#sub .type4_2 .serviceBox .conBg dl dt ul li {width:33.3%; float:left; text-align:center; padding-top:50px; padding-bottom:65px;}
#sub .type4_2 .serviceBox .conBg dl dt ul li .txt1 {color:#FFFFFF; font-size:1.9em; 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;}
#sub .type4_2 .serviceBox .conBg dl dd {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 {background-color:#f5f5f5;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 ul li:first-child {background-color:#262626; color:#FFFFFF; font-size:1.3em; padding-left:47px; width:110px; padding-top:2px; padding-bottom:4px;}
#sub .type4_2 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.2em; padding-left:47px; padding-right:95px; letter-spacing:-1px; line-height:23px; margin-top:25px; margin-bottom:50px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 {background-color:#FFFFFF; margin-top:20px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 ul li {float:left; width:50%; padding-top:45px; padding-bottom:55px;}
#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:40px;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 .txt1 {font-size:1.9em; letter-spacing:-2px; font-weight:600;}
#sub .type4_2 .serviceBox .conBg dl .graspType2 .txt2 {font-size:1.2em; letter-spacing:-1px; line-height:23px; margin-top:10px;}

/*SERVICE3*/
#sub .type4_3 {margin-left:219px;}
#sub .type4_3 .serviceBox .imgBox1 {position:relative; overflow:hidden;}
#sub .type4_3 .serviceBox img {width:100%;}
#sub .type4_3 .serviceBox .txt {position:absolute; left:13%; top:20%;}
#sub .type4_3 .serviceBox .txt span {font-size:3.9em; font-weight:600; letter-spacing:-2px; line-height:37px;}
#sub .type4_3 .serviceBox .txt p {font-size:1.1em; letter-spacing:-1px; margin-top:10px;}
#sub .type4_3 .serviceBox .boxTypeM {display:none;}
#sub .type4_3 .serviceBox .imgBox1 .boxType1 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox1 .boxType1 li {width:50%; float:left; position:relative;}
#sub .type4_3 .serviceBox .imgBox1 .boxType2 {overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox1 .boxType2 li {width:25%; float:left; position:relative;}

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

#sub .type4_3 .serviceBox .imgBox3 { overflow:hidden;}
#sub .type4_3 .serviceBox .imgBox3 .allImg {overflow:hidden; float:left; width:75%;}
#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 {overflow:hidden; float:left; width:25%;}

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

/*SERVICE4*/
#sub .type4_4 {margin-left:219px;}
#sub .type4_4 .topBg .tab {width:100%; overflow:hidden; position:absolute; bottom:0px; border:0px solid #666666; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; zoom:1; border-bottom:3px solid #b2b2b2; border-top:1px solid #545f63;}
#sub .type4_4 .topBg .bgIconImg{width:1021px; position:absolute; bottom:25px; left:50%; margin-left:-510.5px; text-align:right;}
#sub .type4_4 .topBg .bgIconImg img{display:inline-block; vertical-align:top;}
#sub .type4_4 .serviceBox .content dl dt{width:305px;}
#sub .type4_4 .serviceBox .conBg dl dt {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl .bg1 {background-color:#fce400;}
#sub .type4_4 .serviceBox .conBg dl dt .bg1_2 { background-color:#fcca00;}
#sub .type4_4 .serviceBox .conBg dl dt ul li {width:33.3%; float:left; text-align:center; padding-top:50px; padding-bottom:35px;}
#sub .type4_4 .serviceBox .conBg dl dt ul li .txt1 {color:#262626; font-size:1.9em; 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;}
#sub .type4_4 .serviceBox .conBg dl dd {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 {background-color:#ffffff;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 ul li:first-child {background-color:#262626; color:#FFFFFF; font-size:1.3em; padding-left:47px; width:110px; padding-top:2px; padding-bottom:4px;}
#sub .type4_4 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.2em; padding-left:47px; padding-right:95px; letter-spacing:-1px; line-height:23px; margin-top:25px; margin-bottom:50px;}

/*SERVICE2*/
#sub .type4_5 {margin-left:219px;}
#sub .type4_5 .topBg .tab {width:100%; overflow:hidden; position:absolute; bottom:0px; border:0px solid #666666; background: rgb(0, 0, 0,); background: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; zoom:1; border-bottom:3px solid #b2b2b2; border-top:1px solid #545f63;}
#sub .type4_5 .topBg .bgIconImg{width:1021px; position:absolute; bottom:25px; left:50%; margin-left:-510.5px; text-align:left;}
#sub .type4_5 .topBg .bgIconImg img{display:inline-block; vertical-align:top;}
#sub .type4_5 .serviceBox .content dl dt{width:290px;}
#sub .type4_5 .serviceBox .conBg dl dt {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl .bg1 {background-color:#32e03e;}
#sub .type4_5 .serviceBox .conBg dl dt .bg1_2 {background-color:#fce400;}
#sub .type4_5 .serviceBox .conBg dl dt ul li {width:33.3%; float:left; text-align:center; padding-top:50px; padding-bottom:35px;}
#sub .type4_5 .serviceBox .conBg dl dt ul li .txt1 {color:#262626; font-size:1.9em; 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;}
#sub .type4_5 .serviceBox .conBg dl dd {width:1021px; margin:auto; overflow:hidden;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 {background-color:#ffffff;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 ul li:first-child {background-color:#262626; color:#FFFFFF; font-size:1.3em; padding-left:47px; width:110px; padding-top:2px; padding-bottom:4px;}
#sub .type4_5 .serviceBox .conBg dl .graspType1 ul li+li {font-size:1.2em; padding-left:47px; padding-right:95px; letter-spacing:-1px; line-height:23px; margin-top:25px; margin-bottom:50px;}


/*sub4공통*/
#sub .serviceTitle {font-size:1.7em; font-weight:600; text-align:center;  padding-top:20px; padding-bottom:20px; letter-spacing:5px; border-bottom:1px solid #ededed;}
#sub .serviceBox {overflow:hidden; position:relative; border:0px solid #000099;}
#sub .serviceBox .content {overflow:hidden; background-color:#FFFFFF; margin-bottom:55px; border:0px solid #333333;}
#sub .serviceBox .content dl {overflow:hidden; width:1021px; margin:auto;}
#sub .serviceBox .content dl dt {font-size:1.8em; font-weight:600; margin-top:60px; border-bottom:3px solid #454545; width:150px; padding-bottom:24px; letter-spacing:-1.5px;}
#sub .serviceBox .content dl .txtW {font-size:2em; font-weight:600; margin-top:60px; border-bottom:3px solid #454545; width:250px; padding-bottom:24px; letter-spacing:-1.5px;}
#sub .serviceBox .content dl dd {overflow:hidden; margin-top:18px; font-size:1.2em; letter-spacing:-1px;}
#sub .serviceBox .content dl dd ul li {float:left;}
#sub .serviceBox .content dl dd ul li+li {float:right; border:1px solid #262626; text-align:center; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:18px; font-weight:600;}
#sub .serviceBox .content dl dd ul li+li:hover {background-color:#262626; color:#FFFFFF; cursor:pointer;}
#sub .serviceBox .content dl dd ul li+li+li {margin-right:5px}
#sub .serviceSet {border-top:8px solid #f5f5f5; overflow:hidden;}
#sub .serviceSet ul {overflow:hidden;}
#sub .serviceSet ul li {float:left; width:20%; }
#sub .serviceSet ul li .line {border-left:1px solid #ededed; overflow:hidden; padding-left:30px; padding-right:30px;}
#sub .serviceSet ul li .line2 {border-left:1px solid #ededed; overflow:hidden; padding-left:30px; padding-right:30px;}
#sub .serviceSet ul li .num {font-size:3.3em; margin-top:32px;}
#sub .serviceSet ul li .txt1 {font-size:2em; letter-spacing:-2px;}
#sub .serviceSet ul li .txt2 {font-size:1.08em; letter-spacing:-1px; margin-top:12px; margin-bottom:50px; word-break:keep-all;}
#sub .serviceSet ul li .noline {padding-left:30px;}





/*CUSTOMER*/
#sub .type5 {overflow:hidden; border:0px solid #CC3333; margin-left:219px;}
#sub .type5 .tab { width:100%; z-index:30;}
#sub .type5 .tab ul {overflow:hidden;}
#sub .type5 .tab ul li {float:left; width:33.3%; text-align:center; font-size:1.7em; letter-spacing:-2px;}
#sub .type5 .tab ul .on p {background-color:#454545; color:#FFFFFF; padding-top:20px; padding-bottom:25px; border-bottom:1px solid #454545;}
#sub .type5 .tab ul .on .arrow {font-size:0px}
#sub .type5 .tab ul .off p {padding-top:20px; padding-bottom:25px; border-bottom:1px solid #efefef;}
#sub .type5 .tab ul .off .arrow {display:none;}


#sub .type5 .con {background:url(../img/sub5/notice_bg.jpg) no-repeat; background-position:center; background-size:cover; overflow:hidden; padding-bottom:90px;}
#sub .type5 .con .notice {width:100%; margin-top:70px; margin-bottom:300px;}
#sub .type5 .con .notice dl {background: rgb(255, 255, 255,); background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; zoom:1; width:70%; margin:auto; border-bottom:1px solid #FFFFFF;}
#sub .type5 .con .notice dl:first-child {border-top:1px solid #FFFFFF;}
#sub .type5 .con .notice dl dt {text-align:center; font-size:1.167em; color:#262626; padding-top:20px;cursor:pointer;}
#sub .type5 .con .notice dl dt p {letter-spacing:-1px; font-size:1.1em;}


#sub .type5 .con .notice dl dt .off {padding-bottom:24px;}
#sub .type5 .con .notice dl dd .arrow {text-align:center;}
#sub .type5 .con .notice dl dd ul {background-color:#FFFFFF; overflow:hidden; padding-left:70px; padding-top:40px; padding-bottom:50px; display:none;}
#sub .type5 .con .notice dl dd ul li {float:left; color:#9e9e9e; font-size:1.167em;}
#sub .type5 .con .notice dl dd ul li p {color:#262626; font-size:1.1em; letter-spacing:-1.5px; margin-top:20px;}
#sub .type5 .con .notice dl dd ul li p span {font-size:1.2em;}
#sub .type5 .con .notice dl dd ul li+li {margin-left:40px; margin-top:20px;}
#sub .type5 .con .paging {overflow:hidden; width:100%;}
#sub .type5 .con .paging ul {text-align:center; margin:auto; width:150px;  overflow:hidden; position:relative;}
#sub .type5 .con .paging ul li {float:left;}
#sub .type5 .con .paging ul li+li+li {float:right;}
#sub .type5 .con .paging ul .num {text-align:center; position:absolute; width:100%; font-size:2.500em; color:#FFFFFF;}

#sub .type5 .con2 { overflow:hidden; background:url(../img/sub5/inquiry_bg.jpg) no-repeat; background-position:center; background-size:cover;}
#sub .type5 .con2 .inquiry {width:100%; margin-top:70px; margin-bottom:70px;}
#sub .type5 .con2 .inquiry dl {background: rgb(255, 255, 255,); background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; zoom:1; width:70%; margin:auto;}
#sub .type5 .con2 .inquiry dl dt {text-align:center; font-size:1.3em; color:#262626; padding-top:20px; padding-bottom:10px;}
#sub .type5 .con2 .inquiry dl dd {overflow:hidden;}
#sub .type5 .con2 .inquiry dl dd .arrow {text-align:center;}
#sub .type5 .con2 .inquiry dl dd .entry {padding-top:10px;  text-align:left; background-color:#FFFFFF; padding-bottom:50px;}
#sub .type5 .con2 .inquiry dl dd .entry .box {width:85%; margin:auto;}
#sub .type5 .con2 .inquiry dl dd .entry .entryTitle {color:#000000; font-size:1.1em; margin-top:20px;}
#sub .type5 .con2 .inquiry dl dd .entry .entryTitle span {color:#000000; margin-right:5px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox {overflow:hidden; margin-top:16px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox span {margin-left:12px;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW1 {width:28%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW2 {width:45%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW3 {width:96%;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inpW4 {width:100%;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox {font-size:1.25em; overflow:hidden; margin-top:3px; color:#717171;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox p {margin-top:5px;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box1 {width:150px; float:left; letter-spacing:-1px;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box2 {width:150px; float:left; letter-spacing:-1px;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box3 {width:125px; float:left; letter-spacing:-1px;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box4 {width:150px; float:left; letter-spacing:-1px;}


#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box5 {width:auto; float:left; letter-spacing:-1px;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .box5 + .box5{margin-left:20px;}


#sub .type5 .con2 .inquiry dl dd .bt {overflow:hidden; width:85%; margin:20px auto;}
#sub .type5 .con2 .inquiry dl dd .bt li:first-child {float:left; font-size:1.2em; letter-spacing:-1px; margin-top:10px;}
#sub .type5 .con2 .inquiry dl dd .bt li+li {border:1px solid #000000; background-color:#454545; padding-top:10px; padding-bottom:13px; text-align:center; font-size:1.5em; letter-spacing:-2px; width:154px; float:right; color:#FFFFFF;}
#sub .type5 .con2 .inquiry dl dd .bt input {display:none}
#sub .type5 .con2 .inquiry dl dd .bt .radio_style + label{display:inline-block; height:20px; padding:0 0 0 22px; background:url(../img/radio_off2.png) no-repeat left; cursor:pointer;}
#sub .type5 .con2 .inquiry dl dd .bt .radio_style:checked + label{background:url(../img/radio_on2.png) no-repeat left; color:#000000;; }
/*inputstyle*/
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style {height:35px; background-color:#f5f5f5; border:none;  -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.25em;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style:hover {height:35px; background-color:#454545; -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.25em;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style_on {height:35px; background-color:#454545; border:none;  -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.25em;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style2 {height:58px; background-color:#f5f5f5; border:none;  border-radius:0px;  padding-left:10px; color:#717171; font-size:1.25em;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style2:hover {height:58px; background-color:#454545; border-radius:0px; padding-left:10px; color:#FFFFFF; font-size:1.25em;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .inp_style2_on {height:58px; background-color:#454545; border:none;  border-radius:0px; padding-left:10px; color:#FFFFFF; font-size:1.25em;}
/*filestyle*/
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_txtbox {float:left; height:35px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; behavior:url(PIE.htc); background-color:#f5f5f5; border:none; width:78%; padding-left:20px; color:#717171;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_div {position:relative; width:15%; height:37px; overflow:hidden; border:0px solid #FF0033; }
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .file_input_button { width:100%; position:absolute; top:0px; left:0px;  color:#717171; background-color:#e5e5e5; border:none; height:100%; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; behavior:url(PIE.htc); font-size:1.25em; -webkit-appearance:none; } 
#sub .type5 .con2 .inquiry dl dd .entry .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; -khtml-opacity:0;}
/*radiostyle*/
#sub .type5 .con2 .inquiry dl dd .entry .radioBox input {display:none;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .radio_style + label{display:inline-block; height:20px; padding:0 0 0 22px; background:url(../img/radio_off.gif) no-repeat left; cursor:pointer;}
#sub .type5 .con2 .inquiry dl dd .entry .radioBox .radio_style:checked + label{background:url(../img/radio_on.gif) no-repeat left; color:#000000;}
/*textareastyle*/
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .txtare_style {background-color:#f5f5f5; border:none;  -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;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .txtare_style:hover {background-color:#454545; -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;}
#sub .type5 .con2 .inquiry dl dd .entry .inputBox .txtare_style_on {background-color:#454545; border:none; -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;}


#sub .type5 .con3 {background:url(../img/sub5/bravocrm_bg.jpg) no-repeat; background-position:center; background-size:cover; overflow:hidden;}
#sub .type5 .con3 .bravocrm {width:100%; margin-top:70px; margin-bottom:70px;}
#sub .type5 .con3 .bravocrm dl {background: rgb(255, 255, 255,); background: rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; zoom:1; width:70%; margin:auto;}
#sub .type5 .con3 .bravocrm dl dt {text-align:center; font-size:1.3em; color:#262626; padding-top:20px; padding-bottom:10px; letter-spacing:-1px;}
#sub .type5 .con3 .bravocrm dl dd {overflow:hidden;}
#sub .type5 .con3 .bravocrm dl dd .arrow {text-align:center;}
#sub .type5 .con3 .bravocrm dl .crmcon {padding-top:10px;  text-align:left; background-color:#FFFFFF; padding-bottom:50px; overflow:hidden;}
#sub .type5 .con3 .bravocrm dl .crmcon .box {overflow:hidden; width:85%; margin:auto;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt {overflow:hidden;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li p {font-size:1.8em; font-weight:600; margin-top:38px; border-bottom:3px solid #454545; width:150px; padding-bottom:24px; letter-spacing:-1.5px;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li .txtBox {overflow:hidden; margin-top:18px; font-size:1.2em; letter-spacing:-1px;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li {float:left;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li+li {float:right; border:1px solid #262626; text-align:center; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:18px; font-weight:600; margin-top:78px; font-size:1.2em; letter-spacing:-1px;}
#sub .type5 .con3 .bravocrm dl .crmcon .titleTxt ul li+li:hover {background-color:#262626; color:#FFFFFF; cursor:pointer;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox {margin-top:20px; overflow:hidden; border:1px solid #d4d4d4;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul {overflow:hidden; background:url(../img/sub5/bravocrm_conbg.jpg) no-repeat; background-position:center; background-size:cover;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li:first-child {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 {width:100%; overflow:hidden;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox {margin-left:40px; margin-right:40px; margin-top:10px; margin-bottom:40px}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt1 {font-size:2.4em; font-weight:600; color:#FFFFFF; letter-spacing:-1px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt1 span {color:#fe5708; font-weight:bold;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt2 {color:#FFFFFF; font-size:1.3em; margin-top:15px; line-height:22px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .txtBox .txt2 strong { vertical-align:top}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .conImg {margin-left:20px; margin-top:20px;}
#sub .type5 .con3 .bravocrm dl .crmcon .conBox ul li+li .onoff {text-align:center; margin-top:20px;}
#sub .type5 .con3 .bravocrm dl .bt {overflow:hidden;}
#sub .type5 .con3 .bravocrm dl .bt ul {width:530px; overflow:hidden;  margin:26px auto;}
#sub .type5 .con3 .bravocrm dl .bt ul li {background-color:#454545; border:1px solid #000000; color:#FFFFFF; font-size:1.7em; float:left; text-align:center; width:254px; padding-top:13px; padding-bottom:17px; font-weight:600; cursor:pointer;}
#sub .type5 .con3 .bravocrm dl .bt ul li+li {float:right;}


/* CRM_SLIDE */
#sub .type5 .con3 .bravocrm dl .crmcon .slide_main {margin-top:20px; background:url(../img/sub5/bravocrm_conbg.jpg) no-repeat; background-position:center; background-size:cover; overflow:hidden; border:1px solid #d4d4d4;}
.slide_main {background-color:#fff; width:100%; position:relative}
.slide_main .onoff {position:absolute; left:0px; bottom:140px; z-index:50; overflow:hidden; width:100%;}
.slide_main .onoff ul {position:relative; margin:0 auto; width:100%; overflow:hidden; text-align:center;}
.slide_main .onoff ul li{cursor:pointer;}
.slide_main .onoff ul li span{padding:0 3px;}
.slide_visual { position:relative; overflow:hidden;}	
.slide_visual ul li { /*position:absolute;*/ position:relative; width:100%; overflow:hidden;}
.slide_visual ul li img{width:100%;}
.slide_visual ul li .txtBox{margin:30px 40px 15px 40px; height:160px; overflow:hidden;}
.slide_visual ul li .txtBox .txt1 {font-size:2.4em; 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.3em; margin-top:15px; line-height:22px;}
.slide_visual ul li .txtBox .txt2 strong { vertical-align:top}