@charset "utf-8";

.clearboth{ clear: both; }
.displaynone {display:none;}
.transition01 {transition:all 0.1s; -webkit-transition:all 0.1s;}
.transition02 {transition:all 0.2s; -webkit-transition:all 0.2s;}
.transition03 {transition:all 0.3s; -webkit-transition:all 0.3s;}
.transition05 {transition:all 0.3s; -webkit-transition:all 0.5s;}




/*pc*/
@media screen and (min-width: 1160px){ 


/* 공통 섹션 타이틀바 */
.mTitleBar {width:100%; height:auto; padding:150px 0 50px; margin:0;  text-align:center;}
.mTitleBar:after {content:""; display:block; clear:both;}

.mTitleBar .tit01{font-size:50px; color:#333; display:block; padding:0 0 7px 0; font-family: 'Share Tech Mono', monospace;}
.mTitleBar .desc01 {font-size:16px; color:#878787; display:block; line-height:150%; padding:0 0 15px 0; font-weight:normal;}




#introSection {width:100%; height:150px; padding:0; margin:0;}
#introSection:after {content:""; display:block; clear:both;}

#introSection .is_Area{position:relative; top:-100px; width:1160px; height:auto; padding:0; margin:0 auto; }
#introSection .is_Area:after {content:""; display:block; clear:both;}

#introSection .is_Area ul {padding:0; margin:0;}
#introSection .is_Area ul li{float:left; width:33.33%; height:220px; background-color:#fff; padding:30px 0 0 0; text-align:center; box-sizing:border-box;}
#introSection .is_Area ul li p.tit02{color:#fff; font-size:20px; padding:0 0 10px 0; font-weight:normal;}
#introSection .is_Area ul li p.desc02{color:#a4cbf3; font-size:15px; padding:0 40px 20px 40px; }


#introSection .is_Area ul li p.tit03{color:#333; font-size:20px; padding:0 0 10px 0; font-weight:normal;}
#introSection .is_Area ul li p.tel03{color:#333; font-size:40px; line-height:110%; padding:0 0 15px 0; font-weight:normal; margin:0;}
#introSection .is_Area ul li p.etc03{color:#666; font-size:14px; padding:0 0 0 0; font-weight:normal;}
#introSection .is_Area ul li p.comment01 {color:#666; font-size:14px; padding:0 0 7px 0; font-weight:normal; line-height:140%; }


#introSection .is_Area ul li .tit01{color:#fff; font-size:20px; padding:0 0 10px 0; font-weight:normal;}
#introSection .is_Area ul li div {float:left; width:33.33%; margin:0% 0%; padding:20px 0 0 0; }
#introSection .is_Area ul li div .btnQkLk{ width:100%; display:inline-block; color:#fff; font-size:13px; margin:0; padding:0 0; box-sizing:border-box; vertical-align:middle; -webkit-transition:all 0.3s; letter-spacing:1px;}
#introSection .is_Area ul li div .btnQkLk img {width:auto;  vertical-align:middle;}
#introSection .is_Area ul li div p.qLinkIcon{width:100%; text-align:center; height:40px; display:block; }
#introSection .is_Area ul li div p.qLinkIcon i {font-size:40px; color:#c8f2ff;}
#introSection .is_Area ul li div p.qLinkIcon img{width:auto; height:auto; }
#introSection .is_Area ul li div p.qLinkTxt{width:100%; text-align:center; display:inline-block; padding:10px 0 0 0; font-size:15px;}

#introSection .is_Area ul li div a:hover {color:#0066cc;}



#introSection .is_Area .bcolor01 {background-color:#55caf0;}
#introSection .is_Area .bcolor02 {background-color:#0066cc;}
#introSection .is_Area .bcolor03 {background-color:#fff; border:#efefef 1px solid;}

#introSection .is_Area a.btn_more {width:200px; height:30px; line-height:30px; background-color:none; border:#55caf0 1px solid; display:block; margin:0 auto; text-decoration:none; color:#fff; font-size:11px; transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing:1px;}
#introSection .is_Area a.btn_more:hover {background-color:#fff; border:#fff 1px solid; color:#333; }



/* slogan_text */
.slogan_text{width:100%; height:auto; padding:100px 0; margin: 0; text-align:center; }
.slogan_text:after {content:""; display:block; clear:both;}
.slogan_text .c_tit{margin:0 0 0 0; padding:0 0 20px 0; font-size:60px; text-align:center; font-weight:100; color:#333;  letter-spacing:-1px;}
.slogan_text .c_img01{padding:0 0 30px 0; height:auto;margin:0; text-align:center; }
.slogan_text .c_img01 img{width:auto; height:auto;}
.slogan_text .c_desc{margin:0 auto; font-size:16px; text-align:center; color:#424242; width:100%; line-height:180%;}

.slogan_text .about_more {width:20%; height:40px; line-height:40px; margin:50px auto 0; font-size:12px; color:#666; letter-spacing:2px; text-align:center; box-sizing:border-box;}
.slogan_text .about_more a{display:block; color:#fff; background-color:#0066cc; border:#0066cc 1px solid;  transition:all 0.3s; -webkit-transition:all 0.3s;}
.slogan_text .about_more a:hover{color:#333 !important; background-color:#fff; border:#424242 1px solid; color:#fff; }




#mainCont01 {width:100%; height:auto; padding:100px 0; margin:0; background-color:#f5f5f5 }
#mainCont01:after {content:""; display:block; clear:both;}

#mainCont01 .mc_Area{width:1160px; height:auto; padding:0; margin:0 auto; }
#mainCont01 .mc_Area:after {content:""; display:block; clear:both;}

#mainCont01 .mc_Area ul {padding:0; margin:0;}
#mainCont01 .mc_Area ul li{float:left; width:31.33%; height:auto; background-color:#fff; padding:0 0 20px 0; margin:0 1%; text-align:left; border-top:#ccc 1px solid;  border-bottom:#ddd 1px solid; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; }
#mainCont01 .mc_Area ul li:hover {background-color:#fff; border-top:#333 1px solid;  border-bottom:#ff9600 1px solid;}

#mainCont01 .mc_Area div.img01{padding:0 0 0 0; height:200px; background-color:#efefef;}
#mainCont01 .mc_Area p.tit01{color:#333; font-size:20px; padding:20px 20px 15px; font-weight:normal;}
#mainCont01 .mc_Area p.desc01{color:#999; font-size:14px; padding:0 20px 30px 20px; }


#mainCont01 .mc_Area a.btn_more {width:100px; height:30px; line-height:30px; background-color:#ff9600; border:#ff9600 1px solid; display:block; margin:0 0 0 20px; text-decoration:none; color:#fff; font-size:10px; transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing:1px; text-align:center;}
#mainCont01 .mc_Area a.btn_more:hover {background-color:#fff; border:#333 1px solid; color:#ff9600; }



}













/* tablet */
@media screen and (min-width: 800px) and (max-width: 1159px) {   


/* 공통 섹션 타이틀바 */
.mTitleBar {width:100%; height:auto; padding:100px 0 50px; margin:0;  text-align:center;}
.mTitleBar:after {content:""; display:block; clear:both;}

.mTitleBar .tit01{font-size:60px; color:#333; display:block; padding:0 0 7px 0; font-family: 'Share Tech Mono', monospace;}
.mTitleBar .desc01 {font-size:16px; color:#878787; display:block; line-height:150%; padding:0 0 15px 0; font-weight:normal;}






#introSection {width:100%; height:auto; padding:0; margin:0;}
#introSection:after {content:""; display:block; clear:both;}

#introSection .is_Area{position:relative; top:-50px; width:95%; height:auto; padding:0; margin:0 auto; }
#introSection .is_Area:after {content:""; display:block; clear:both;}

#introSection .is_Area ul {padding:0; margin:0;}
#introSection .is_Area ul li{float:left; width:33.33%; height:220px; background-color:#fff; padding:30px 0 0 0; text-align:center; box-sizing:border-box;}
#introSection .is_Area ul li p.tit02{color:#fff; font-size:16px; padding:0 0 10px 0; font-weight:normal;}
#introSection .is_Area ul li p.desc02{color:#a4cbf3; font-size:13px; padding:0 40px 10px 40px; }


#introSection .is_Area ul li p.tit03{color:#333; font-size:16px; padding:0 0 10px 0; font-weight:normal;}
#introSection .is_Area ul li p.tel03{color:#333; font-size:28px; line-height:110%; padding:0 0 15px 0; font-weight:normal; margin:0;}
#introSection .is_Area ul li p.etc03{color:#666; font-size:13px; padding:0 0 0 0; font-weight:normal;}
#introSection .is_Area ul li p.comment01 {color:#666; font-size:13px; padding:0 20px 7px 20px; font-weight:normal; line-height:140%; }


#introSection .is_Area ul li .tit01{color:#fff; font-size:16px; padding:0 0 10px 0; font-weight:normal;}
#introSection .is_Area ul li div {float:left; width:33.33%; margin:0% 0%; padding:20px 0 0 0; }
#introSection .is_Area ul li div .btnQkLk{ width:100%; display:inline-block; color:#fff; font-size:13px; margin:0; padding:0 0; box-sizing:border-box; vertical-align:middle; -webkit-transition:all 0.3s; letter-spacing:1px;}
#introSection .is_Area ul li div .btnQkLk img {width:auto;  vertical-align:middle;}
#introSection .is_Area ul li div p.qLinkIcon{width:100%; text-align:center; height:40px; display:block; }
#introSection .is_Area ul li div p.qLinkIcon i {font-size:28px; color:#c8f2ff;}
#introSection .is_Area ul li div p.qLinkIcon img{width:auto; height:auto; }
#introSection .is_Area ul li div p.qLinkTxt{width:100%; text-align:center; display:inline-block; padding:10px 0 0 0; font-size:13px;}

#introSection .is_Area .bcolor01 {background-color:#55caf0;}
#introSection .is_Area .bcolor02 {background-color:#0066cc;}
#introSection .is_Area .bcolor03 {background-color:#fff; border:#efefef 1px solid;}

#introSection .is_Area a.btn_more {width:200px; height:30px; line-height:30px; background-color:none; border:#55caf0 1px solid; display:block; margin:0 auto; text-decoration:none; color:#fff; font-size:11px; transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing:1px;}




/* slogan_text */
.slogan_text{width:90%; height:auto; padding:70px 0; margin: 0 auto; text-align:center; }
.slogan_text:after {content:""; display:block; clear:both;}
.slogan_text .c_tit{margin:0 0 0 0; font-size:50px; text-align:center; font-weight:100; color:#424242;  }
.slogan_text .c_img01{padding:0 0 30px 0; height:auto;margin:0; text-align:center; }
.slogan_text .c_img01 img{width:100%; height:auto;}
.slogan_text .c_desc{margin:0 auto; font-size:15px; text-align:center; color:#666666; width:100%; line-height:180%;}

.slogan_text .about_more {width:30%; height:30px; line-height:30px; margin:20px auto 0; font-size:12px; color:#666; letter-spacing:2px; text-align:center; box-sizing:border-box;}
.slogan_text .about_more a{display:block; color:#fff; background-color:#0066cc; border:#0066cc 1px solid;  transition:all 0.3s; -webkit-transition:all 0.3s;}






#mainCont01 {width:100%; height:auto; padding:70px 0; margin:0; background-color:#f5f5f5 }
#mainCont01:after {content:""; display:block; clear:both;}

#mainCont01 .mc_Area{width:95%; height:auto; padding:0; margin:0 auto; }
#mainCont01 .mc_Area:after {content:""; display:block; clear:both;}

#mainCont01 .mc_Area ul {padding:0; margin:0;}
#mainCont01 .mc_Area ul li{float:left; width:31.33%; height:auto; background-color:#fff; padding:0 0 20px 0; margin:0 1%; text-align:left; border-top:#ccc 1px solid;  border-bottom:#ff9600 1px solid; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; }


#mainCont01 .mc_Area div.img01{padding:0 0 0 0; height:auto; background-color:#efefef;}
#mainCont01 .mc_Area div.img01 img{width:100%; height:auto; vertical-align:top;}
#mainCont01 .mc_Area p.tit01{color:#333; font-size:18px; padding:20px 20px 15px; font-weight:normal;}
#mainCont01 .mc_Area p.desc01{color:#999; font-size:13px; padding:0 20px 30px 20px; }


#mainCont01 .mc_Area a.btn_more {width:100px; height:25px; line-height:25px; background-color:#ff9600; border:#ff9600 1px solid; display:block; margin:0 0 0 20px; text-decoration:none; color:#fff; font-size:10px; transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing:1px; text-align:center;}
}




















/*mobile*/
@media screen and (max-width:799px) {   


/* 공통 섹션 타이틀바 */
.mTitleBar {width:90%; height:auto; padding:50px 0 30px; margin:0 auto;  text-align:center;}
.mTitleBar:after {content:""; display:block; clear:both;}

.mTitleBar .tit01{font-size:1.8em; color:#333; display:block; padding:0 0 7px 0;  font-family: 'Share Tech Mono', monospace;}
.mTitleBar .desc01 {font-size:13px; color:#878787; display:block; line-height:150%; padding:0 0 15px 0; font-weight:normal;}






#introSection {width:100%; height:auto; padding:0; margin:0;}
#introSection:after {content:""; display:block; clear:both;}

#introSection .is_Area{ width:100%; height:auto; padding:0 0 30px 0; margin:0 auto; }
#introSection .is_Area:after {content:""; display:block; clear:both;}

#introSection .is_Area ul {padding:0; margin:0;}
#introSection .is_Area ul li{ width:100%; height:auto; background-color:#fff; padding:30px 0; text-align:center; box-sizing:border-box;}
#introSection .is_Area ul li:after {content:""; display:block; clear:both;}
#introSection .is_Area ul li p.tit02{color:#fff; font-size:18px; padding:0 0 10px 0; font-weight:bold;}
#introSection .is_Area ul li p.desc02{color:#a4cbf3; font-size:13px; padding:0 40px 10px 40px; }


#introSection .is_Area ul li p.tit03{color:#333; font-size:18px; padding:0 0 10px 0; font-weight:bold;}
#introSection .is_Area ul li p.tel03{color:#333; font-size:28px; line-height:110%; padding:0 0 15px 0; font-weight:normal; margin:0;}
#introSection .is_Area ul li p.tel03 a{color:#333; }
#introSection .is_Area ul li p.etc03{color:#666; font-size:13px; padding:0 0 0 0; font-weight:normal;}
#introSection .is_Area ul li p.comment01 {color:#666; font-size:13px; padding:0 20px 7px 20px; font-weight:normal; line-height:140%; }


#introSection .is_Area ul li .tit01{color:#fff; font-size:18px; padding:0 0 10px 0; font-weight:bold;}
#introSection .is_Area ul li div {float:left; width:33.33%; margin:0% 0%; padding:20px 0 0 0; }
#introSection .is_Area ul li div .btnQkLk{ width:100%; display:inline-block; color:#fff; font-size:13px; margin:0; padding:0 0; box-sizing:border-box; vertical-align:middle; -webkit-transition:all 0.3s; letter-spacing:1px;}
#introSection .is_Area ul li div .btnQkLk img {width:auto;  vertical-align:middle;}
#introSection .is_Area ul li div p.qLinkIcon{width:100%; text-align:center; height:40px; display:block; }
#introSection .is_Area ul li div p.qLinkIcon i {font-size:28px; color:#c8f2ff;}
#introSection .is_Area ul li div p.qLinkIcon img{width:auto; height:auto; }
#introSection .is_Area ul li div p.qLinkTxt{width:100%; text-align:center; display:inline-block; padding:10px 0 0 0; font-size:13px;}

#introSection .is_Area .bcolor01 {background-color:#55caf0;}
#introSection .is_Area .bcolor02 {background-color:#0066cc;}
#introSection .is_Area .bcolor03 {background-color:#fff; /*border:#efefef 1px solid;*/}

#introSection .is_Area a.btn_more {width:200px; height:30px; line-height:30px; background-color:none; border:#55caf0 1px solid; display:block; margin:0 auto; text-decoration:none; color:#fff; font-size:11px; transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing:1px;}





/* slogan_text */
.slogan_text{width:90%; height:auto; padding:50px 0; margin: 0 auto; text-align:center; border-top:#dddddd 1px solid; }
.slogan_text:after {content:""; display:block; clear:both;}
.slogan_text .c_tit{margin:0 0 0 0; padding:0 0 15px 0;font-size:1.8em; text-align:center; font-weight:normal; color:#424242;  }
.slogan_text .c_img01{padding:0 0 30px 0; height:auto;margin:0; text-align:center; }
.slogan_text .c_img01 img{width:100%; height:auto;}
.slogan_text .c_desc{margin:0 auto; font-size:13px; text-align:center; color:#666666; width:100%; line-height:180%;}

.slogan_text .about_more {width:50%; height:25px; line-height:25px; margin:20px auto 0; font-size:12px; color:#666; letter-spacing:0px; text-align:center; box-sizing:border-box;}
.slogan_text .about_more a{display:block; color:#fff; background-color:#0066cc; border:#0066cc 1px solid;  transition:all 0.3s; -webkit-transition:all 0.3s;}






#mainCont01 {width:100%; height:auto; padding:50px 0; margin:0; background-color:#f5f5f5 }
#mainCont01:after {content:""; display:block; clear:both;}

#mainCont01 .mc_Area{width:90%; height:auto; padding:0; margin:0 auto; }
#mainCont01 .mc_Area:after {content:""; display:block; clear:both;}

#mainCont01 .mc_Area ul {padding:0; margin:0;}
#mainCont01 .mc_Area ul li{float:none; width:100%; height:auto; background-color:#fff; padding:0 0 20px 0; margin:0 0 3% 0; text-align:left; border-top:#ccc 1px solid;  border-bottom:#ff9600 1px solid; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; }


#mainCont01 .mc_Area div.img01{padding:0 0 0 0; height:auto; background-color:#efefef;}
#mainCont01 .mc_Area div.img01 img{width:100%; height:auto; vertical-align:top;}
#mainCont01 .mc_Area p.tit01{color:#333; font-size:16px; padding:20px 20px 10px; font-weight:normal;}
#mainCont01 .mc_Area p.desc01{color:#999; font-size:13px; padding:0 20px 10px 20px; }


#mainCont01 .mc_Area a.btn_more {width:100% auto; height:25px; line-height:25px; background-color:#ff9600; border:#ff9600 1px solid; display:block; margin:0 20px; text-decoration:none; color:#fff; font-size:10px; transition:all 0.3s; -webkit-transition:all 0.3s; letter-spacing:1px; text-align:center; box-sizing:border-box;}



}