@charset "utf-8";
/* media */
@media (min-width: 1200px) {
    /* banner */
    ul#slider_banner img.main_top_image { width: 110%;}
    /* banner// */
}
@media (max-width:1450px) {

div#banner p { font-size: 50px; color: #fff; line-height: 1.2em; font-weight: bold;}
    div#banner .bx-pager { bottom: 40px;}
}
@media (max-width:1250px) {
    div#banner p { font-size: 40px; color: #fff; line-height: 1.2em; font-weight: bold;}
}

@media (min-width: 768px) and (max-width:1200px) {
/* banner */
div#banner { max-width: 1200px; height: 400px;}
span.text { text-align: center; left: 0; top: 24%;}

/* pager */
div#banner .bx-pager { bottom: 150px;}
div#banner .bx-pager a { width: 13px; height: 13px;}

span#left img, span#right img { width: 70px;}
    /* banner// */

    /* menu */
div.content_area1 ul.menu > li > a { font-size: 18px;}
    /* menu// */
    
    /* content1 */

ul#icon li { width: 24%; margin-left: 1.33%;}
div.content_area1 h2, div.content_area1 p  {font-size: 32px;}
div.content_area1 h2 { padding-top: 60px;}
div.content_area1 > p { font-size: 32px;}
    

    /* content1// */
    
/* content2 */



/* content2// */



/* content3 */

div.content_area3 h2 { font-size: 30px; }
div.content_area3 h3 { font-size: 20px; }

ul.con3_list li { width: 20%;}

/* content3// */

/* content4 */

div.content_area4 h3 {font-size: 20px;}
/* content4// */
/* footer */
div#footer { text-align: center;}
/* footer */
    /************ Sub Main ***************/
/* sub_top_img */
div#top_image { width: 100%; min-height:300px; overflow: hidden;}

div#top_image div p { font-size: 36px;}

div#top_image div p:nth-child(2) { font-size: 30px; color: #fff;}




       /* content */
    
    
div.content div.content_area h3 {
    font-size: 32px !important;
    padding-top: 60px;
}
div#content div.content_area span.center p { font-size: 17px; text-align: center; line-height:30px}
div#content ul.solution_main_conmenu li{ width: 32%; margin-left: 2%; margin-bottom: 5%;}
div#content ul.solution_main_conmenu li:nth-child(1),
div#content ul.solution_main_conmenu li:nth-child(4){margin-left: 0;}

    /* content// */
    /* mmog */
div#mmog { width: 100%; overflow: hidden; background: #7c9abe;}

div#mmog div.content_area span.center p { font-size: 17px; text-align: center;}
div#mmog div.mmog_left { width: 100%; float: left;}
div.mmog_left img#solo { display: block; margin: 0 auto;}

div.mmog_right { width: 100%;}
div#mmog div.mmog_right ul li { margin-top: 25px; font-size: 16px; color: #fff; text-align: center;}
div#mmog div.content_area div.mmog_right span.center p { font-size: 20px;}
    div.mmog_right ul {padding-bottom: 40px;}
    /* mmog// */
    
    /* Orcore */
div#OrCore div.content_area h3 { font-size: 25px; text-align: center; margin-bottom: 50px;}
div#OrCore div.content_area span.center p { font-size: 17px; text-align: center;}
div#OrCore ul li span { font-size: 15px;}
div#OrCore div.content_area p.more1 { width: 185px; height: 45px; float: none; background: #9b9da0; }
div.OrCore p.more a { display: block; color: #fff; font-size: 18px; line-height: 45px;}
    /* Orcore// */
   /* Progress */
div#Progress div.content_area div.Progress_left { width: 100%; padding-bottom: 0;}
div#Progress div.Progress_left h3 { display: block; margin: 0 auto 40px;}
div#Progress div.Progress_left p { font-size: 17px; text-align: center;}
div#Progress div.Progress_left p.more1 { float: none; margin-left: 40%; margin-bottom: 30px;}
div#Progress div.content_area div.Progress_right { float: none;}
div#Progress div.Progress_right img {display: block; margin: 0 auto;}
    /* Progress// */
div#Erp h6 { text-align: center; font-size: 25px; color: #fff; padding-top: 60px; margin-bottom: 50px;}
/* erp */
div.erp img { width: 180px; margin-right: 3%;}
    div#Erp div.content_area div.erp { margin-top: 40px;}
    div#Erp div.content_area div.erp p { padding: 0 3%;}
div.erp p:nth-of-type(1) { font-size: 20px; color: #fff;}
div.erp p:nth-of-type(2) { font-size: 17px; color: #afbac6;}
    div#Erp div.content_area div.erp p.more2 { margin-top: 40px;}
/* erp// */
    /************ Sub Main// ***************/
    
    /************ Sub INTRO ***************/
    div#intro div.content_area > img { float: none; display: block; margin: 0 auto;}
    div#intro div.content_area ul { margin-top: 30px;}
    div#intro div.content_area ul li{ text-align: center; line-height: 35px;}
    
    div#map div.content_area > img { float: none; display: block; margin: 0 auto;}
    div#map div.content_area ul { width: 100%; margin-top: 50px;}
    div#map div.content_area ul li { width: 47%; float: left;}
    div#map div.content_area ul li:nth-child(1) { margin-left: 1%;}
    div#map div.content_area ul li img { display: block; margin:  0 auto;}
    
    div.content_area { padding: 0 3%;}
    
    div#system div.content_area > img { display: block; margin: 0 auto 60px; padding-top: 70px; width: 100%; height: auto;}
    div#system div.content_area > img { width: 100%;}
    div#system_left { width: 100%; height:auto;}
    div#system_right { width: 100%; height:auto;}
    
    span.border { display: inline-block;width: 100%; height: 1px; margin-left: 0%; background: #a7aeb3; margin-bottom: 50px;}
    div#system div.content_area > img { width: 100%;}
    div#system_left p, div#system_right p { font-size: 20px; color: #fff; line-height: 35px;}
    div#system_left p:nth-child(2), div#system_right p:nth-child(2) { font-size: 15px; color: #fff;}
    
    div#enter_logo div.content_area div.enter_logo1 ul li { width: 25%;}
    /************ Sub INTRO// ***************/
    
    /******************** 서브 QAD CLOUD 시작 *******************/
    div#cloud1 div.content_area p { font-size: 16px; line-height: 35px; padding: 0 3%;}
    div#cloud1 div.content_area p:first-child {padding-top: 92px;}
    div#cloud1 ul li img { width: 80%; height: auto;}
    
    div#cloud2 div.content_area > p:nth-child(1) { font-size: 28px;}
    div#cloud2 div.content_area > p { font-size: 16px; line-height: 35px;}
    
    div#cloud3 { padding-bottom: 50px;}
    
    div#cloud3 div.content_area > h3 { font-size: 30px;}
    div#cloud3 div.content_area ul li h4 { text-align: center;}
    
    
    /******************** 서브 QAD CLOUD 끝 *******************/
    /******************** 서브 QAD SUPPLY 시작 *******************/
	div#supply1 p {
    font-size: 18px;
    color: #3a3a3a;
    text-align: center;
    line-height: 30px;
}

    div#supply2 ul li { width: 32.33%; height: 115px; background: #2c6dad; float: left; margin-bottom: 1%;}
    div#supply2 ul li span { font-size: 17px;}
    div#supply2 ul li:first-child,div#supply2 ul li:nth-child(5),div#supply2 ul li:nth-child(9),div#supply2 ul li:nth-child(13),div#supply2 ul li:nth-child(17) { margin-left: 1%;}
    
	div#supply3 { padding-bottom:52px;}
    div#supply3 div.content_area ul { padding-top:32px; height:auto;}
div#supply3 div.content_area ul li {
    width: 100%;
    display: block;
    margin-top: 2%;
	height:80px;
}
div#supply3 div.content_area ul li.line2 p { line-height:22px;}
    
	div#supply3 div.content_area ul li p.line3 { margin-top: -15px; line-height: 28px;}
	div#supply3 div.content_area ul li p.line4 { margin-top: -15px; line-height: 26px;}
    div#supply3 div.content_area ul li:nth-of-type(2) p { /*line-height: 75px;*/}
    
    
    div#supply4 div.content_area div div { width: 47%; margin-top: 3%; height: 340px;} 
    div#supply4 div.content_area div div p { font-size: 17px;width: 85%;}
    div#supply4 div.content_area div div:nth-child(1),
    div#supply4 div.content_area div div:nth-child(4),
    div#supply4 div.content_area div div:nth-child(7),
    div#supply4 div.content_area div div:nth-child(10),
    div#supply4 div.content_area div div:nth-child(13),
    div#supply4 div.content_area div div:nth-child(16){ margin-left: 2%;}

    
    div#supply5 div#listWrap { display: inline-block;}
    div#supply5 div.content_area ul { text-align: center;}
    div#supply5 div.content_area ul li { width: 33%; height: 400px; border: 1px solid #dcdcdc; float: left;}
    div#supply5 div.content_area ul li p:nth-of-type(1) { font-size: 20px;}
     div#supply5 div.content_area ul li p:nth-of-type(2) { font-size: 16px; padding-bottom: 40px; line-height: 30px;}
    /******************** 서브 QAD SUPPLY 끝 *******************/
    /******************** 서브 QAD SMART 시작 *******************/
    
    
    div#smart1 div.content_area p { font-size: 22px;}
    
    div.big1 { width: 100%;}
    div.big1 div.small { width: 30%; margin-right: 0; margin-left: 5%;}
    div.big1 div.small:nth-of-type(1) { margin-left: 0;}
    div.big1 > img { display: block; margin: 0 auto; width: 100%;}
    
    div.big2 { width: 100%;}
    div.big2 > img { display: block; margin: 40px auto 0; width: 100%;}
    div.big2 div.small2 { width: 30%; margin-right: 0; margin-left: 5%;}
    div.big2 div.small2:nth-of-type(1) { margin-left: 0;}
    
    
    div#smart3 div.content_area h1 { font-size: 28px;}
    div#smart3 div.content_area div p { font-size: 17px;}
    /******************** 서브 QAD SMART 끝 *******************/
    
    /******************** 서브 QAD MMOGLE 시작 *******************/
    div#mmogle1 div.content_area div img { float: none; display: block; margin: 0 auto;}
    div#mmogle1 div.content_area div p { float: none; padding-top: 60px; width: 100%; font-size: 20px;}
    
    div#mmogle2 div.content_area div div { width: 100%; overflow: hidden;}
    div#mmogle2 div.content_area div img { width: 100%; height: auto;}
    div#mmogle2 div.content_area div.txt p { width: 100%;}
    
    
    div#mmogle3 h3 { font-size: 28px;}
    div#mmogle3 div.content_area img { width: 100%; height: auto;}
    
    div#mmogle3 div.content_area p { font-size: 18px;}
    /******************** 서브 QAD MMOGLE 끝 *******************/
    
    /******************** 서브 QAD ORCORE 시작 *******************/
    
    /* Orcore */

div#OrCore div.content_area span.center p { font-size: 17px; line-height: 30px;}
div#OrCore ul li img { display: block; margin: 0 auto 20px;}
div#OrCore div.content_area ul li span { font-size: 15px; line-height: 45px; text-align: center; display: block;}
div#OrCore ul li:nth-child(2) { margin-top: 50px;}
div#OrCore p.more { width: 185px; height: 45px; float: right;; background: #9b9da0;  margin-right: 0; margin-right: 35%;}
div.OrCore p.more a { display: block; color: #fff; font-size: 18px; line-height: 45px;}
    /* Orcore// */
    
    /******************** 서브 QAD ORCORE 끝 *******************/
    
    
    /******************** 서브 QAD PROGRESS 시작 *******************/
    div#progress2 div.content_area h3 { font-size: 28px;}
    div#progress2 div.content_area p { font-size: 18px;}
    div#progress2 div.content_area img { width: 90%; height: auto;}
    
    
    div#progress3 div.content_area > div p { font-size: 18px;}
    div#progress3 div.content_area h3 { font-size: 28px;}
    div#progress3 div.content_area p { font-size: 18px;}
    div#progress3 div.content_area div.bottom_box { width: 47%; margin-left: 5.44%; height: 400px;}
    div#progress3 div.content_area div.bottom_box1,
    div#progress3 div.content_area div.bottom_box2 { margin-left: 0;}
    /******************** 서브 QAD PROGRESS 끝 *******************/
    
    /******************** 서브 QAD SUCCESS 시작 *******************/
    div.suc_box ul li { font-size: 18px;}
    
    /******************** 서브 QAD SUCCESS 끝 *******************/
    /******************** 서브 SERVICE MAIN 시작 ********************/
div.service h3 {font-size: 28px;}
div.service { width: 100%; overflow: hidden; padding-bottom: 50px;}
div.service p { font-size: 20px; }
    
div.dlWrap { max-width: 1200px; overflow: hidden; padding-top: 40px; margin-left: 10%;}
div.service1 div.content_area dl { width: 50%;}
div.service dl { width: 45%; float: left;}
div.service dt { font-size: 22px; font-weight: bold; margin-bottom: 25px;}
div.service dd { font-size: 18px; color: #696969; line-height: 40px;}

div.service2 img { width: 50%; height: auto; float: left; margin-right: 5%;}

div.service3 img { width: 50%; height: auto; float: left; margin-right: 5%;}
div.service3 h3, div.service3 p, div.service3 dt, div.service3 dd { color: #fff;}

div.service4 img { width: 70%; height: auto;}

/******************** 서브 SERVICE MAIN 끝 ********************/
    
/******************** 서브 COMPANY LOCATION 시작 ********************/
div#com_number { width: 100%; overflow: hidden; padding-bottom: 50px;}
div#com_number p { font-size: 20px; text-align: center; line-height: 35px;}

div.location { width: 49%; margin-left: 2%;}
div.location img { display: block; width: 150px; height: auto; margin: -75px auto 30px;  }
div.com_subway { margin-left: 0;}

ul.location_info { width: 100%; padding: 0 3%;}
ul.location_info li { font-size: 20px; line-height: 44px;}
div.com_car  { margin-left: 0; margin-top: 100px;}
/******************** 서브 COMPANY LOCATION 끝 ********************/
    
/******************** 서브 COMPANY APP 시작 ********************/

div#com_app p { font-size: 20px; line-height: 40px;}
div#com_app h3 { font-size: 20px;}

div#com_app ul li { width: 49%;  margin-left: 2%; margin-top: 30px;}
div#com_app ul li:first-child,
div#com_app ul li:nth-child(3){margin-left: 0;}
div#com_app ul li h4 { font-size: 22px; text-align: center;}

div#com_app ul li p.text { font-size: 17px; color: #3a3a3a; line-height: 30px; padding: 0 3%; margin-top: 40px;}

div#com_table h3 { font-size: 28px;}
div#com_table table td { font-size: 18px;}

p.table_text { font-size: 17px; line-height: 35px;}
/******************** 서브 COMPANY APP 끝 ********************/
    
    
/******************** 서브 COMPANY CI 시작 ********************/

div#com_ci ul li { width: 49%; float: left; margin-left: 2%;}
div#com_ci ul li:first-child { margin-left: 0;}

div.two { width: 50%; float: right; overflow:hidden; margin-right: 0; }
div.killer { width: 50%; display: inline-block; margin-left: 0%;}
div.ci h3 { font-size: 30px; text-align: center;}



div.ci p,
div.ci ul li { font-size: 20px; text-align: center;}

div.bottom_list ul li h4 { font-size: 22px;}

div.bottom_list ul li p { font-size: 20px; line-height: 35px;}
     
/******************** 서브 COMPANY CI 끝 ********************/

    
/******************** 서브 COMPANY CUSTOMER 시작 ********************/

div.com_customer h3 { font-size: 30px;}
div.com_customer h4 { font-size: 20px;}
div.bottom_customer h4 { padding-top: 30px;}

ul.company_customer_list { width: 100%; margin-top: 50px;}
ul.company_customer_list li { width: 20%;}


/******************** 서브 COMPANY CUSTOMER 끝 ********************/

    
/******************** 서브 COMPANY CEO 시작 ********************/

div#com_ceo h3 { font-size: 22px; line-height: 40px; padding: 90px 2% 0;}

div.ceo { width: 100%;}
div.ceo p { font-size: 18px; line-height: 33px;}
span.bar { width: 100%; height: 2px; margin:5% 0; margin-left: 0;}
div.ceo2 p { font-size: 18px;}

/******************** 서브 COMPANY CEO 끝 ********************/

/******************** 서브 COMPANY PARTNERS 시작 ********************/
div#com_partners h3 { font-size: 30px;}
div.partnersWrap div { width: 32%; margin-left:1%;}
div.partnersWrap div.none { margin-left: 1%;}
div.partnersWrap div p { font-size: 20px;}
/******************** 서브 COMPANY PARTNERS 끝 ********************/

/******************** 서브 기업개요 시작 *******************/
.com_int_top_img li { float:left; width:33.333%; padding:0 2%; box-sizing:border-box;}	
.com_int_top_img li img { width:100%;}	
#com_intro .com_int_txt_area { width:100%;}
#com_intro p.com_int_bot_txt { font-size:18px; line-height:34px; color:#3a3a3a; text-align:justify;}
/******************** 서브 기업개요 끝 *******************/	

/******************** 서브 비젼 시작 *******************/
div#com_vision p.com_vision_tit {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 62px;
    line-height: 42px;
}
div#com_vision .v_top_area .v_box { float:left; width:46%; padding:40px 32px; box-sizing:border-box; min-height:370px;}

div#com_vision .v_mid_area div.v_boxm { float:left; width:46%; padding:5%;box-sizing:border-box; margin:0 2% 2%; height:400px; border:1px solid #b5b5b5;}
div#com_vision .v_mid_area div.v_boxm div.rep_img { float:none; text-align:center;}
div#com_vision .v_mid_area div.v_boxm ul {
    padding: 38px 0 0 0;
    float: none;
	text-align:center;
}
div#com_vision .v_mid_area div.v_boxm ul li {
    font-size: 19px;
    color: #777777;
    line-height: 26px;
}
div#com_vision .v_mid_area div.v_boxm ul li.tit {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: bold;
    padding-bottom: 8px;
}
.com_vision_bot_list li {
    float: left;
    width: 50%;
    height: 270px;
    text-align: center;
	margin-bottom:3%;
}
.com_vision_bot_list li p {
    padding-top: 90px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 42px;
}


/******************** 서브 비젼 끝 *******************/
    
    
    /******************서브 교육***************************/
    div.content_area h3 { font-size: 28px;}
    div.tableWrap table th, div.tableWrap1 table th { font-size: 20px;}
    div.tableWrap table td, div.tableWrap1 table td { font-size: 18px; padding: 10 0%; line-height: 30px;}
    div.tableWrap1 table tr p { font-size: 16px; padding: 0 10%;}
    div.application_left { width: 100%; float: none ;}
    p.application_edu { margin: 0 auto;}
    div.application_right { width: 100%;}
    div.application_right ul { display: inline-block; width: 100%; text-align: center; margin: 40px 0;}
    div.application_right ul li { padding: 0 5%; font-size: 16px; line-height: 30px;}
    /******************서브 교육***************************/
    
    /******************** 고객지원 시작 *******************/
    div.customer_intro div.content_area h3 { font-size: 28px;}
div.customer_intro div.content_area p { font-size: 18px; line-height: 35px;}

div.customer_intro { width: 100%; overflow: hidden; padding-bottom: 50px;}

div.customer_intro2 ul.customer_list li img { width: 80%; height: auto;}



div.customer_intro3 img { display: block; width: 100%; height: auto; margin: 20px auto;}
/******************** 고객지원 끝 *******************/

/******************** 고객포탈사이트 시작 *******************/
div.customer_site div.content_area h3 { font-size: 28px;}
div.content_area div.customer_site_bg p.customer_site_text { font-size: 20px; line-height: 35px; margin-top: 100px;}
div.customer_site_bg p.customer_more { width: 300px; height: 68px; margin: 50px auto 20px;}
div.customer_site_bg p.customer_more a { display: block; text-align: center; color: #fff; line-height: 68px; font-size: 18px;}
/******************** 고객포탈사이트 끝 *******************/
}
@media (max-width: 930px) { 

    div#supply2 ul li.blue,
    div#supply2 ul li.skyblue { background-image: none;}
        /******************** 고객지원 시작 *******************/


div.customer_intro { width: 100%; overflow: hidden; padding-bottom: 50px;}
    div.customer_intro2 ul.customer_list li { width: 50%; margin-bottom: 5%;}
div.customer_intro2 ul.customer_list li img { width: 80%; height: auto;}



div.customer_intro3 img { display: block; width: 100%; height: auto; margin: 20px auto;}
/******************** 고객지원 끝 *******************/
}
@media (min-width:641px) and (max-width:767px) {
div#header h1 { position: absolute; left: 0;}
    /* banner */

div#banner { height: 300px;}
span.text { text-align: center; left: 0; top: 17%;}
/* banner */
/* pager */

div#banner .bx-pager { display: none;}
span#left img, span#right img { display: none;}
 /* pager */

    /* content1 */
    div.content ul#icon li{ width: 32%; margin-left: 2%;}
    div.content ul#icon li:nth-child(1), 
    div.content ul#icon li:nth-child(4),
    div.content ul#icon li:nth-child(7){margin-left: 0;}
ul#icon li { width: 32%; margin-left: 2%;}
ul#icon li:nth-child(4) {margin-left: 0;}
ul#icon li:nth-child(5) {margin-left: 2%;}
ul#icon li:nth-child(7) {margin-left: 0;}
ul#icon li p { font-size: 20px;}
div.content_area1 h2 {
    font-size: 30px;
    padding-top: 62px;
}
div.content_area1 p  {font-size: 32px; padding-top:60px;}
div#content1 h3 {font-size: 25px;}
div#content1 p {
    font-size: 32px;
    padding-top: 20px;
}
div.content_area1 p.more a {font-size: 16px;}
    /* content1 */

    
/* content2 */

div.content_area2 h2 { font-size: 25px;}
div#content2 div.content_area2 h3 { font-size: 25px;}
div#content2 div.content_area2 > p { font-size: 18px; line-height: 30px;}
div#content2 div.imgWrap img.main_tb { display: block; width: 100%; height: auto;}
div#content2 div.imgWrap img.main_pc,
div#content2 div.imgWrap img.main_mb {display: none;}

div.content_area2 p.more2 a {font-size: 16px;}
/* content2// */
    

/* content3 */

div.content_area3 h2 { font-size: 25px; }
div.content_area3 h3 { font-size: 18px; }

ul.con3_list li { width: 25%;}

/* content3// */

/* content4 */

div.content_area4 h3 {font-size: 18px;}
/* content4// */
        /************ Sub Main ***************/
div#container div#top_image div { min-height: 200px;}
div#top_image div p { font-size:28px;}
div#container div#top_image p:nth-child(1) { padding-top: 65px;}
div#top_image div p:nth-child(2) { font-size: 22px; color: #fff; padding: 0 12%; line-height: 34px;}


    /* nav */
    div#navwrap > span { display: none;}
    div#navwrap ul li { width: 33.333%; box-sizing: border-box;}
    div#navwrap ul li:last-child { border-right: 0;}
    /* nav// */
    /* content */
div#content div.content_area h3 { font-size: 25px;}
div#content div.content_area span.center p { font-size: 15px; line-height:25px}
div#content ul.solution_main_conmenu li { width: 48%; margin-bottom: 20px; margin-left: 4%;}
div#content ul.solution_main_conmenu li:nth-child(1),
div#content ul.solution_main_conmenu li:nth-child(3),
div#content ul.solution_main_conmenu li:nth-child(5) { margin-left: 0;}
div#content div.content_area p.more1 a { font-size: 15px;}
    /* content// */
    /* mmog */
    /* mmog */
div#mmog { width: 100%; overflow: hidden; background: #7c9abe;}
div#mmog div.content_area h3 {font-size: 25px;}
div#mmog div.content_area span.center p { font-size: 17px; text-align: center;}
div#mmog div.mmog_left { width: 100%; float: left;}
div.mmog_left img#solo { display: block; margin: 0 auto;}

div.mmog_right { width: 100%;}
div#mmog div.content_area div.mmog_right ul li { font-size: 16px;text-align: center; line-height: 35px;}
div#mmog div.content_area div.mmog_right span.center p { font-size: 20px;}
div.mmog_right ul {padding-bottom: 40px;}
    /* mmog// */
    /* mmog// */
    
  /* Orcore */
div#OrCore div.content_area h3 { font-size: 30px; text-align: center;}
div#OrCore div.content_area span.center p { font-size: 17px; line-height: 32px; padding: 0 3%;}
div#OrCore ul li img { display: block; margin: 0 auto 20px;}
div#OrCore div.content_area ul li span { font-size: 15px; line-height: 30px; text-align: center; display: block; padding: 0 3%;}
div#OrCore ul li:nth-child(2) { margin-top: 50px;}
div#OrCore div.content_area p.more1 { width: 185px; height: 45px; float: none; background: #9b9da0;}
div#OrCore div.content_area p.more1 a { display: block; color: #fff; font-size: 15px; line-height: 45px;}
    /* Orcore// */

    /* Progress */
div#Progress div.content_area div.Progress_left { width: 100%; padding-bottom: 0;}
div#Progress div.Progress_left h3 { display: block; margin: 0 auto 40px;}
div#Progress div.Progress_left p { font-size: 17px; text-align: center; line-height: 30px;}
div#Progress p.more1 { float: none; margin-left: 40%; margin-bottom: 30px;}
div#Progress div.Progress_right img { width: 100%; height: auto; display: block; margin: 0 auto;}
    /* Progress// */


/* erp */
div#Erp div.content_area h3 { font-size: 25px;}
div#Erp div.erp img { width: 35%; height: auto; display: block; margin: 0 auto; float: none;}
div#Erp div.erp {overflow: hidden; padding-bottom: 100px;}
div#Erp div.erp p { font-size: 15px; text-align: center; line-height: 30px; padding: 0 3%;}
div#Erp div.erp p.ftext { font-size: 16px; margin: 30px auto 30px;}
div.erp p.more2 { float: none; margin: 30px auto 0;}
div.erp p.more2 a { line-height: 45px;}
div.erp1 p:nth-of-type(1) { padding-top: 0;}
div.erp p:nth-of-type(1) { font-size: 15px; color: #fff;}
div.erp p:nth-of-type(2) { font-size: 14px; color: #afbac6;}
div#Erp div.erp p.more2 { float: none; margin: 30px auto 30px;}
/* erp// */
    /************ Sub Main// ***************/
    
    /************ Sub INTRO ***************/
    div#intro div.content_area > img { float: none; display: block; margin: 0 auto;}
    div#intro div.content_area ul { margin-top: 30px;}
    div#intro div.content_area ul li{ text-align: center; line-height: 35px;}
    
    div#map div.content_area > img { float: none; display: block; margin: 0 auto;}
    div#map div.content_area img { width: 100%; height: auto;}
    div#map div.content_area ul { width: 100%; margin-top: 50px;}
    div#map div.content_area ul li { width: 47%; float: left;}
    div#map div.content_area ul li:nth-child(1) { margin-left: 1%;}
    div#map div.content_area ul li img { display: block; margin:  0 auto;}
    
    div.content_area { padding: 0 3%;}
    
    
div#system div.content_area > img {
    width: 100%;
    padding-top: 60px;
}
    div#system_left { width: 100%; height:auto;}
    div#system_right { width: 100%; height:auto; padding-bottom:62px;}
    
    span.border { display: inline-block;width: 100%; height: 1px; margin-left: 0%; background: #a7aeb3; margin-bottom: 50px;}
    
    div#system_left p, div#system_right p { font-size: 20px; color: #fff; line-height: 35px;}
    div#system_left p:nth-child(2), div#system_right p:nth-child(2) { font-size: 15px; color: #fff;}

    
    div#enter_logo div.content_area h3 { font-size: 24px;}
    div#enter_logo div.content_area p { font-size: 18px;}
    div#enter_logo div.content_area div.enter_logo1 ul li { width: 33.3%;}
    /************ Sub INTRO// ***************/
    
    /******************** 서브 QAD CLOUD 시작 *******************/
    div#cloud1 div.content_area p { font-size: 16px; line-height: 35px; padding: 0 3%;}
    div#cloud1 div.content_area p:first-child {padding-top: 92px;}

    
    div#cloud2 div.content_area > p:nth-child(1) { font-size: 26px;}
    div#cloud2 div.content_area > p { font-size: 18px; line-height: 32px;}
    
    
    div#cloud3 div.content_area > h3 { font-size: 30px;}
    div#cloud1 ul li {margin-left: 0px;}
    div#cloud1 ul li img { width: 80%; height: auto;}
    
    div#cloud3 { padding-bottom: 50px;}
div#cloud3 div.content_area h3 {
    font-size: 26px;
}
div#cloud3 div.content_area ul li h4 {
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}
    div#cloud3 div.content_area ul li img.qad_pc { display: none;}
    div#cloud3 div.content_area ul li img.qad_m { display: block; width: 70%; height: auto; margin: 0 auto;}
    /******************** 서브 QAD CLOUD 끝 *******************/
    
    
    /******************** 서브 QAD SUPPLY 시작 *******************/
    h3 { font-size: 25px;}
    
    
    div#supply1 div.content_area p { font-size: 17px;}
    
    
    div#supply2 ul li { width: 49%; height: 115px; background: #2c6dad; float: left; margin-bottom: 1%;}
    div#supply2 ul li span { font-size: 17px;}
    div#supply2 ul li:first-child,div#supply2 ul li:nth-child(5),div#supply2 ul li:nth-child(9),div#supply2 ul li:nth-child(13),div#supply2 ul li:nth-child(17) { margin-left: 1%;}

	div#supply3 div.content_area ul li.line2 p { line-height:22px;}
    
    div#supply3 div.content_area ul { padding-top:32px;}
    div#supply3 div.content_area ul li { width: 100%; display: block; margin-top: 2%; height: 80px;}
div#supply3 div.content_area ul li p {font-size: 16px;}
div#supply3 div.content_area ul li p.line3 { margin-top: -15px; line-height: 28px;}
div#supply3 div.content_area ul li p.line4 { margin-top: -15px; line-height: 26px;}
    /*div#supply3 div.content_area ul li:nth-of-type(2) p {margin-top: 20px;}*/
    
    
    div#supply4 div.content_area div div { width: 47%; margin-top: 6%;}
    div#supply4 div.content_area div div p { font-size: 16px; line-height: 30px;}
    div#supply4 div.content_area div div:nth-child(1),
    div#supply4 div.content_area div div:nth-child(4),
    div#supply4 div.content_area div div:nth-child(7),
    div#supply4 div.content_area div div:nth-child(10),
    div#supply4 div.content_area div div:nth-child(13),
    div#supply4 div.content_area div div:nth-child(16){ margin-left: 2%;}
    
    div#supply5 div.content_area div#listWrap { text-align: center;}
    div#supply5 div.content_area ul { display: inline-block;}
    div#supply5 div.content_area ul li { width: 49.66%; height: 380px; border: 1px solid #dcdcdc; float: left;}
    div#supply5 div.content_area ul li p:nth-of-type(1) { font-size: 20px;}
     div#supply5 div.content_area ul li p:nth-of-type(2) { font-size: 16px; padding-bottom: 40px; line-height: 30px;}
    /******************** 서브 QAD SUPPLY 끝 *******************/
    
    /******************** 서브 QAD SMART 시작 *******************/
    
    
    div#smart1 div.content_area p { font-size: 20px;}
    
    div.big1 { width: 100%;}
    div.big1 div.small { width: 30%; margin-right: 0; margin-left: 5%;}
    div.big1 div.small:nth-of-type(1) { margin-left: 0;}
    div.big1 > img { display: block; margin: 0 auto; width: 100%;}
    
    div.big2 { width: 100%;}
    div.big2 > img { display: block; margin: 40px auto 0; width: 100%;}
    div.big2 div.small2 { width: 30%; margin-right: 0; margin-left: 5%;}
    div.big2 div.small2:nth-of-type(1) { margin-left: 0;}
    div.big1 > p, div.big2 > p { font-size: 20px; margin-top: 60px; margin-bottom: 60px;}
    div.big1 div p , div.big2 div p { font-size: 16px; line-height: 25px; font-weight: bold;}
    
    
    div#smart3 div.content_area h1 { font-size: 25px;}
    div#smart3 div.content_area div { height: 400px;}
    div#smart3 div.content_area div p { font-size: 16px;}
    /******************** 서브 QAD SMART 끝 *******************/

    /******************** 서브 QAD MMOGLE 시작 *******************/
    div#mmogle1 div.content_area div img { float: none; display: block; margin: 0 auto;}
    div#mmogle1 div.content_area div p { float: none; padding-top: 60px; width: 100%; font-size: 20px;}
    
    div#mmogle2 div.content_area div div { width: 100%; overflow: hidden;}
    div#mmogle2 div.content_area div img { width: 100%; height: auto;}
    div#mmogle2 div.content_area div.txt p { width: 100%;}
    
    
    div#mmogle3 h3 { font-size: 28px;}
    div#mmogle3 div.content_area img { width: 100%; height: auto;}
    
    div#mmogle3 div.content_area p { font-size: 18px;}
    /******************** 서브 QAD MMOGLE 끝 *******************/
    
    
    /******************** 서브 QAD ORCORE 시작 *******************/
    
    div#orcore1 h3 { font-size: 20px;}
    
    
    div#orcore2 div.content_area div div { width: 48%;}
    div#orcore2 div.content_area div div h3 { font-size: 20px; line-height: 35px;}
    div#orcore2 div.content_area div div p { font-size: 17px; line-height: 30px;}
    
    /******************** 서브 QAD ORCORE 끝 *******************/
    
    /******************** 서브 QAD PROGRESS 시작 *******************/
    div#progress1 div.content_area ul li { width: 32%; margin-top: 3%; margin-left: 2%;}
    div#progress1 div.content_area ul li:nth-of-type(4) { margin-left: 0;}
    
    
    div#progress2 div.content_area h3 { font-size: 20px;}
    div#progress2 div.content_area p { font-size: 16px; line-height: 30px;}
    div#progress2 div.content_area img { width: 90%; height: auto;}
    
    div#progress3 div.content_area > div p { font-size: 16px; line-height: 28px;}
    div#progress3 div.content_area h3 { font-size: 20px;}
    div#progress3 div.content_area p { font-size: 16px; line-height: 30px;}
    div#progress3 div.content_area div.bottom_box { width: 47%; margin-left: 5.3%;}
    div#progress3 div.content_area div.bottom_box1,
    div#progress3 div.content_area div.bottom_box2 { margin-left: 0;}
    /******************** 서브 QAD PROGRESS 끝 *******************/
    
    /******************** 서브 QAD SUCCESS 시작 *******************/
    div.suc_box { text-align: center;}
    div.suc_box ul li { font-weight: bold; font-size: 18px; line-height: 35px;}
    div.suc_box h4 { font-size: 28px; padding: 0 0 5%; }
    div.suc_box img { width: 60%; height: auto; display: block; margin: 0 auto;}
    div.suc_box2 ul li,
    div.suc_box2 h4 { color: #0660a5; font-weight: bold;}    
    
    div.success div.content_area div { width: 100%; height: auto; margin-left: 0; padding:5% 0;}
    /******************** 서브 QAD SUCCESS 끝 *******************/
    
    
/******************** 서브 SERVICE MAIN 시작 ********************/
div.service h3 {font-size: 25px;}
div.service { width: 100%; overflow: hidden; padding-bottom: 50px;}
div.service p { font-size: 18px; line-height: 35px;}
    
div.dlWrap { max-width: 1200px; overflow: hidden; padding-top: 40px; margin-left: 6%;}
div.service1 div.content_area dl { width: 50%;}
div.service dl { width: 45%; float: left;}
div.service dt { font-size: 20px; font-weight: bold; margin-bottom: 25px;}
div.service dd { font-size: 16px; color: #696969; line-height: 28px;}

div.service2 img { width: 50%; height: auto; float: left; margin-right: 5%;}

div.service3 img { width: 50%; height: auto; float: left; margin-right: 5%;}
div.service3 h3, div.service3 p, div.service3 dt, div.service3 dd { color: #fff;}

div.service4 img { width: 70%; height: auto;}

/******************** 서브 SERVICE MAIN 끝 ********************/
    
    
    
/******************** 서브 COMPANY LOCATION 시작 ********************/
div#com_number { width: 100%; overflow: hidden; padding-bottom: 50px;}
div#com_number p { font-size: 18px; text-align: center; line-height: 30px;}

div.location { width: 100%; margin-left: 0; margin-bottom: 100px;}
div.location img { display: block; width: 150px; height: auto; margin: -75px auto 30px;  }
    
div.root_daum_roughmap { width: 100%; height: 500px;}

ul.location_info { width: 100%; padding: 0 3%;}
ul.location_info li { font-size: 18px; line-height: 44px; text-align: center;}

/******************** 서브 COMPANY LOCATION 끝 ********************/
    
    
/******************** 서브 COMPANY APP 시작 ********************/

div#com_app p { font-size: 18px; line-height: 40px;}
div#com_app h3 { font-size: 18px; line-height: 30px;}

    
div#com_app ul li { width: 49%;  margin-left: 2%; margin-top: 30px;}
div#com_app ul li:first-child,
div#com_app ul li:nth-child(3) {margin-left: 0;}
div#com_app ul li h4 { font-size: 20px; text-align: center;}

div#com_app ul li p.text { font-size: 16px; color: #3a3a3a; line-height: 30px; padding: 0 3%; margin-top: 40px;}

div#com_table h3 { font-size: 24px;}
div#com_table table th { font-size: 20px;}
div#com_table table td { font-size: 16px;}

p.table_text { font-size: 17px; line-height: 35px;}
/******************** 서브 COMPANY APP 끝 ********************/
    
/******************** 서브 COMPANY CI 시작 ********************/

div#com_ci ul li { width: 49%; float: left; margin-left: 2%;}
div#com_ci ul li:first-child { margin-left: 0;}

div.two { width: 100%; margin-right: 0; }
div.killer { width: 100%; margin-left: 0%;}
div.ci h3 { font-size: 25px; text-align: center;}



div.ci p,
div.ci ul li { font-size: 18px; text-align: center;}

div.bottom_list ul li h4 { font-size: 20px;}
div.bottom_list ul li img { width: 60%; margin: -55px auto;}
div.bottom_list ul li p { font-size: 16px; line-height: 30px;}
     
/******************** 서브 COMPANY CI 끝 ********************/

    
/******************** 서브 COMPANY CUSTOMER 시작 ********************/

div.com_customer h3 { font-size: 25px;}
div.com_customer h4 { font-size: 18px;}
div.bottom_customer h4 { padding-top: 30px;}

ul.company_customer_list { width: 100%;}
ul.company_customer_list li { width: 25%;}


/******************** 서브 COMPANY CUSTOMER 끝 ********************/

/******************** 서브 COMPANY CEO 시작 ********************/

div#com_ceo h3 { font-size: 20px; line-height: 35px;}
div.ceo { width: 100%;}

div.ceo p { font-size: 18px; line-height: 30px;}

span.bar { width: 100%; height: 2px; margin:5% 0; margin-left: 0;}

div.ceo2 p { font-size: 16px; color: #777;}

/******************** 서브 COMPANY CEO 끝 ********************/

/******************** 서브 COMPANY PARTNERS 시작 ********************/
div#com_partners h3 { font-size: 25px;}
div.partnersWrap div { width: 32%; margin-left:1%;}
div.partnersWrap div.none { margin-left: 1%;}
div.partnersWrap div p { font-size: 18px;}
/******************** 서브 COMPANY PARTNERS 끝 ********************/

    
/******************** 서브 기업개요 시작 *******************/	
.com_int_top_img li { float:left; width:33.333%; padding:0 2%; box-sizing:border-box;}	
.com_int_top_img li img { width:100%;}		
#com_intro .com_int_txt_area { width:100%;}
#com_intro p.com_int_bot_txt { font-size:18px; line-height:34px; color:#3a3a3a; text-align:justify;}
/******************** 서브 기업개요 끝 *******************/	

/******************** 서브 비젼 시작 *******************/
div#com_vision p.com_vision_tit {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 62px;
    line-height: 42px;
}
.v_top_area { overflow:unset;}
div#com_vision .v_top_area .v_box { float:none; width:100%; padding:40px 32px; box-sizing:border-box; margin:0;}
div#com_vision .v_top_area .v_box_left { margin-bottom:5%;}

div#com_vision .v_mid_area div.v_boxm { float:left; width:100%; padding:20px 26px; box-sizing:border-box; margin:0 2% 2%; height: 320px; border:1px solid #b5b5b5;}
div#com_vision .v_mid_area div.v_boxm div.rep_img { float:none; text-align:center;}
div#com_vision .v_mid_area div.v_boxm ul {
    padding: 38px 0 0 0;
    float: none;
	text-align:center;
}
div#com_vision .v_mid_area div.v_boxm ul li {
    font-size: 19px;
    color: #777777;
    line-height: 26px;
}
div#com_vision .v_mid_area div.v_boxm ul li.tit {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: bold;
    padding-bottom: 8px;
}




div#com_vision .v_mid_area div.v_boxm { float:left; width:100%; padding:20px 26px; box-sizing:border-box; margin:0 0 2%; min-height:auto; border:1px solid #b5b5b5;}
div#com_vision .v_mid_area div.v_boxm div.rep_img { float:none; text-align:center;}
div#com_vision .v_mid_area div.v_boxm ul {
    padding: 38px 0 0 0;
    float: none;
	text-align:center;
}
div#com_vision .v_mid_area div.v_boxm ul li {
    font-size: 19px;
    color: #777777;
    line-height: 26px;
}
div#com_vision .v_mid_area div.v_boxm ul li.tit {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: bold;
    padding-bottom: 8px;
}

.com_vision_bot_list li {
    float: left;
    width: 50%;
    height: 270px;
    text-align: center;
	margin-bottom:3%;
}
.com_vision_bot_list li p {
    padding-top: 90px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 42px;
}


/******************** 서브 비젼 끝 *******************/
/******************서브 교육***************************/
    div.content_area h3 { font-size: 25px;}
    div.tableWrap table th, div.tableWrap1 table th { font-size: 20px;}
    div.tableWrap table td, div.tableWrap1 table td { font-size: 16px; padding: 10 0%; line-height:  20px;}
    div.tableWrap1 table tr p { font-size: 16px; padding: 0 10%;}
    div.application_left { width: 100%; float: none ;}
    
    div.application_left a { font-size: 18px;}
    p.application_edu { margin: 0 auto;}
    div.application_right { width: 100%;}
    div.application_right ul { display: inline-block; width: 100%; text-align: center; margin: 40px 0;}
    div.application_right ul li { padding: 0 5%; font-size: 16px; line-height: 35px;}
    /******************서브 교육***************************/
	    /******************** 고객지원 시작 *******************/
    div.customer_intro div.content_area h3 { font-size: 24px;}
div.customer_intro div.content_area p { font-size: 16px; line-height: 28px;}

div.customer_intro { width: 100%; overflow: hidden; padding-bottom: 50px;}

div.customer_intro2 ul.customer_list li img { width: 80%; height: auto;}

div.customer_intro3 img.customerPC {display: none;}
div.customer_intro3 img.customerM {display: block;}

div.customer_intro3 img { display: block; width: 100%; height: auto; margin: 20px auto;}
/******************** 고객지원 끝 *******************/
/******************** 고객포탈사이트 시작 *******************/
div.customer_site div.content_area h3 { font-size: 25px;}
div.content_area div.customer_site_bg p.customer_site_text { font-size: 18px; line-height: 35px; margin-top: 100px;}
div.customer_site_bg p.customer_more { width: 250px; height: 68px; margin: 50px auto 20px;}
div.customer_site_bg p.customer_more a { display: block; text-align: center; color: #fff; line-height: 68px; font-size: 16px;}
/******************** 고객포탈사이트 끝 *******************/
}

@media (max-width:640px) {
div#header h1 { position: absolute; left: 0;}    
    
    /* banner */

div#banner { height: 300px;}
span.text { text-align: center; left: 0; top: 17%;}
/* banner */
/* pager */

div#banner .bx-pager { display: none;}
span#left img, span#right img { display: none;}
 /* pager */  

div#banner p { font-size: 3em; color: #fff; line-height: 1.2em;}
  
    /* content1 */
div#content1 h3 { font-size: 26px; line-height: 40px; padding-top: 62px; margin-bottom: 0;}

div.content ul#icon li{ width: 32%; margin-left: 2%;}
div.content ul#icon li:nth-child(1), 
div.content ul#icon li:nth-child(4),
div.content ul#icon li:nth-child(7){margin-left: 0;}
div.content ul#icon li p { font-size: 17px;}
ul#icon li { width: 32%; margin-left: 2%;}
ul#icon li:nth-child(4) {margin-left: 0;}
ul#icon li:nth-child(5) {margin-left: 2%;}
ul#icon li:nth-child(7) {margin-left: 0;}
ul#icon li p { font-size: 17px;}
div.content_area1 h2 {
    font-size: 25px;
    line-height: 33px;
    padding-top: 52px;
    margin-bottom: 0px;
}
div.content_area1 p  {font-size: 20px;}
div#content1 p {
    font-size: 24px;
}
div#content1 div.content_area p.more  a {font-size: 16px;}
p.more2 a { font-size: 16px;}
    /* content1// */
    
/* content2 */
    div#content2 div.content_area2 h3 { font-size: 20px;}

div.content_area2 h2 {
    font-size: 28px;
}
div.content_area2 > p { font-size: 16px; line-height: 30px;}
div#content2 div.imgWrap img.main_mb { display: block; width: 100%; height: auto; margin-left: 0.5%;}
div#content2 div.imgWrap img.main_pc,
div#content2 div.imgWrap img.main_tb {display: none;}
div#content2 div.content_area2 p.more2 a {font-size: 16px;}
div.content_area2 p.more2 a {font-size: 16px;}
/* content2// */
/* content3 */

div.content_area3 h2 {
    font-size: 28px;
}
div.content_area3 h3 { font-size: 16px; }

ul.con3_list li { width: 33.33%;}

/* content3// */

/* content4 */

div.content_area4 h3 {font-size: 16px;}
/* content4// */
/* footer */
div#footer { text-align: center;}
div#footer p { font-size: 12px;}
/* footer */  
       /************ Sub Main ***************/
div#container div#top_image div { min-height: 200px;}
div#top_image div p { font-size:28px;}
div#container div#top_image p:nth-child(1) { padding-top: 48px;}
div#top_image div p:nth-child(2) { font-size: 22px; color: #fff; padding: 0 12%; line-height: 34px;}

    /* nav */
    div#navwrap > span { display: none;}
    div#navwrap ul li { width: 50%;}
    div#navwrap ul.navwrap_menu li.navwrap_menulist:last-child { border-right: 0;}
    div#navwrap ul.navwrap_menu li.navwrap_menulist:first-child {display: none;}
    /* nav// */
    
       /* content */

div#content div.content_area h3 { font-size: 20px;}
div#content div.content_area span.center p { font-size: 15px; line-height:25px}
div#content ul.solution_main_conmenu li { width: 48%; margin-bottom: 20px; margin-left: 4%;}
div#content ul.solution_main_conmenu li:nth-child(1),
div#content ul.solution_main_conmenu li:nth-child(3),
div#content ul.solution_main_conmenu li:nth-child(5) { margin-left: 0;}
div#content div.content_area p.more1 a { font-size: 15px;}
    /* content// */
    
    /* mmog */
 
div#mmog { width: 100%; overflow: hidden; background: #7c9abe;}
div#mmog div.content_area h3 {font-size: 20px;}
div#mmog div.content_area span.center p { font-size: 15px; text-align: center; line-height: 30px;}
div#mmog div.mmog_left { width: 100%; float: left;}
div.mmog_left img#solo { display: block; margin: 0 auto;}


div.mmog_right { width: 100%;}
div#mmog div.content_area div.mmog_right ul li { font-size: 14px;text-align: center; line-height: 30px;}
div#mmog div.content_area div.mmog_right span.center p { font-size: 20px;}
div.mmog_right ul {padding-bottom: 40px;}
div#mmog div.content_area p.more1 a { font-size: 15px;}  
    /* mmog// */
   
    
  /* Orcore */
    div#OrCore div.content_area h3 { font-size: 26px; text-align: center;}
div#OrCore div.content_area span.center p { font-size: 15px; line-height: 30px; }
div#OrCore ul li img { display: block; margin: 0 auto 20px;}
div#OrCore div.content_area ul li span { font-size: 14px; line-height: 30px; text-align: center; display: block; padding: 0 3%;}
div#OrCore ul li:nth-child(2) { margin-top: 50px;}
div#OrCore div.content_area p.more1 { width: 185px; height: 45px; float: none; background: #9b9da0;}
div#OrCore div.content_area p.more1 a { display: block; color: #fff; font-size: 15px; line-height: 45px;}
    /* Orcore// */
    /* Progress */
div#Progress div.content_area div.Progress_left { width: 100%; padding-bottom: 0;}
div#Progress div.Progress_left h3 { display: block; margin: 0 auto 40px;}
div#Progress div.Progress_left p { font-size: 15px; text-align: center; line-height: 30px;}
    div#Progress div.content_area p.more1 a {font-size: 15px;}
div#Progress div.Progress_right img { width: 100%; height: auto; display: block; margin: 0 auto;}
    /* Progress// */

/* erp */
div#Erp div.content_area h3 { font-size: 20px;}
div#Erp div.erp img { width: 35%; height: auto; display: block; margin: 0 auto; float: none;}
div#Erp div.erp {overflow: hidden; padding-bottom: 80px;}
div#Erp div.erp p { font-size: 15px; text-align: center; line-height: 30px; padding: 0 3%;}
div#Erp div.erp p.ftext { font-size: 16px; margin: 30px auto 30px;}
div.erp p.more2 { float: none; margin: 30px auto 0;}
div.erp p.more2 a { line-height: 45px;}
div.erp1 p:nth-of-type(1) { padding-top: 0;}
div.erp p:nth-of-type(1) { font-size: 15px; color: #fff;}
div.erp p:nth-of-type(2) { font-size: 14px; color: #afbac6;}
div#Erp div.erp p.more2 { float: none; margin: 30px auto 30px;}
/* erp// */
    /************ Sub Main// ***************/
    /************ Sub INTRO ***************/
    div.content_area { padding: 0 3%;}
    
    
    div#intro div.content_area > img { float: none; display: block; margin: 0 auto;}
    div#intro div.content_area img { width: 100%; height: auto;}
    div#intro div.content_area ul { margin-top: 30px;}
    div#intro div.content_area ul li{ text-align: center; line-height: 27px; font-size: 15px;}
    
    div#map div.content_area > img { float: none; display: block; margin: 0 auto;}
    div#map div.content_area img { width: 100%; height: auto;}
    div#map div.content_area ul { width: 100%; margin-top: 50px;}
    div#map div.content_area ul li { width: 47%; float: left;}
    div#map div.content_area ul li:nth-child(1) { margin-left: 1%;}
    div#map div.content_area ul li img { display: block; margin:  0 auto;}
    
    div#system div.content_area > img { display: block; margin: 0 auto 60px; padding-top: 70px; width: 100%; height: auto;}
    div#system div.content_area > img { width: 100%;}
    div#system_left { width: 100%; height:auto;}
    div#system_right { width: 100%; height:auto; padding-bottom:42px;}
    
    span.border { display: inline-block;width: 100%; height: 1px; margin-left: 0%; background: #a7aeb3; margin-bottom: 50px;}
    div#system_left p, div#system_right p { font-size: 17px; color: #fff; line-height: 28px;}
    div#system_left p:nth-child(2), div#system_right p:nth-child(2) { font-size: 13px; color: #fff;}
    
    div#enter_logo div.content_area h3 { font-size: 23px;}
    div#enter_logo div.content_area h4 { font-size: 21px;}
    div#enter_logo div.content_area div.enter_logo1 ul li { width: 33.3%;}
    /************ Sub INTRO// ***************/
    
    
    /******************** 서브 QAD CLOUD 시작 *******************/
    div#cloud1 div.content_area p { font-size: 16px; line-height: 35px; padding: 0 3%;}
    div#cloud1 div.content_area p:first-child {padding-top: 92px;}
    div#cloud1 ul li {margin-left: 0px;}
    div#cloud1 ul li img { width: 80%; height: auto;}
    
div#cloud2 div.content_area > p:nth-child(1) {
    font-size: 21px;
}
    div#cloud2 div.content_area > p { font-size: 15px; line-height: 30px;}
  
    
    
    
    div#cloud3 { padding-bottom: 50px;}
div#cloud3 div.content_area h3 {
    font-size: 21px;
}
    div#cloud3 div.content_area ul li h4 { font-size: 16px; text-align: center;}
    div#cloud3 div.content_area ul li img.qad_pc { display: none;}
    div#cloud3 div.content_area ul li img.qad_m { display: block; width: 60%; height: auto; margin: 0 auto;}
    /******************** 서브 QAD CLOUD 끝 *******************/
    
    
    /******************** 서브 QAD SUPPLY 시작 *******************/
    
div.content_area h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 42px;
    font-weight: bold;
}
    
    div#supply1 div.content_area p { font-size: 15px;}
    
    
    div#supply2 div.content_area ul li { width: 49%; height: 80px; background-image:none; float: left; margin-bottom: 1%; margin-left: 2%;}
    div#supply2 ul li span { line-height:80px; font-size: 14px;}

    div#supply2 div.content_area ul li:nth-child(odd) { margin-left: 0;}
    div#supply2 ul li:nth-child(3) span, 
    div#supply2 ul li:nth-child(5) span,
    div#supply2 ul li:nth-child(6) span,
    div#supply2 ul li:nth-child(8) span,
    div#supply2 ul li:nth-child(9) span,
    div#supply2 ul li:nth-child(10) span { margin-left: 0;}
    
    
    div#supply3 { padding-bottom:42px;}
	div#supply3 h3 {margin:0;}
    div#supply3 div.content_area ul { padding-top:32px;}
    div#supply3 div.content_area ul li { width: 100%; display: block; margin-top: 2%; height: 80px;}
	div#supply3 div.content_area ul li p { font-size: 15px; }  
	div#supply3 div.content_area ul li.line2 p { line-height:22px;}
	div#supply3 div.content_area ul li p.line3 { margin-top: -15px; line-height: 28px;}
	div#supply3 div.content_area ul li p.line4 { margin-top: -15px; line-height: 26px;}
    
    
    
    div#supply4 div.content_area > div { margin-top:52px;}
    div#supply4 div.content_area div div { width: 100%; margin-top: 3%; margin-left: 0; margin-top: 10%; height: 324px;}
    div#supply4 div.content_area div div p { font-size: 16px;line-height: 30px;}
    
    
    
    div#supply5 div.content_area div#listWrap { text-align: center;}
    div#supply5 div.content_area ul { display: inline-block; padding-top:32px;}
    div#supply5 div.content_area ul li { width: 99%; height: 320px; border: 1px solid #dcdcdc; margin-top: 2%;}
    div#supply5 div.content_area ul li p:nth-of-type(1) { font-size: 18px;}
     div#supply5 div.content_area ul li p:nth-of-type(2) { font-size: 15px; padding-bottom: 40px; line-height: 30px;}
    /******************** 서브 QAD SUPPLY 끝 *******************/
    
    /******************** 서브 QAD SMART 시작 *******************/
div#smart1 { padding-bottom:24px;}
div#smart1 div.content_area p {
    font-size: 16px;
    padding-top: 52px;
	line-height:32px;
}
    
    
    div.big1 { width: 100%; padding-top:0;}
    div.big1 div.small { width: 30%; margin-right: 0; margin-left: 5%;}
    div.big1 div.small:nth-of-type(1) { margin-left: 0;}
    div.big1 > img { display: block; margin: 0 auto; width: 100%;}
    
    div.big2 { width: 100%; padding-top:0;}
    div.big2 > img { display: block; margin: 40px auto 0; width: 100%;}
    div.big2 div.small2 { width: 30%; margin-right: 0; margin-left: 5%;}
    div.big2 div.small2:nth-of-type(1) { margin-left: 0;}
    div.big1 > p, div.big2 > p { font-size: 17px; margin-top: 60px; margin-bottom: 60px;}
    div.big1 div p , div.big2 div p { font-size: 14px; line-height: 25px; font-weight: bold;}
    
    
div#smart3 div.content_area h3 {
    font-size: 26px;
    line-height: 40px;
}
div#smart3 div.content_area div img {
    display: block;
    margin: 20px auto;
}
    div#smart3 div.content_area div { width: 100%; height: 250px; margin-left: 0;}
    div#smart3 div.content_area div p { font-size: 14px; text-align: center;}
    /******************** 서브 QAD SMART 끝 *******************/
    
    /******************** 서브 QAD MMOGLE 시작 *******************/
div#mmogle1 { padding-bottom:42px;}

    div#mmogle1 div.content_area div img { float: none; display: block; margin: 0 auto;}
    div#mmogle1 div.content_area div p { float: none; padding-top: 60px; width: 100%; font-size: 18px; line-height: 35px; text-align: center;}
	div#mmogle2 div.content_area > div { padding-top:50px;}
    div#mmogle2 { padding-bottom:32px;}
    div#mmogle2 div.content_area div div { width: 100%; overflow: hidden;}
    div#mmogle2 div.content_area div img { width: 100%; height: auto;}
    div#mmogle2 div.content_area div.txt p { width: 100%; font-size: 17px; line-height: 35px;}
    
    
div#mmogle3 h3 {
    font-size: 26px;
    line-height: 40px;
	padding-top:42px;
	font-weight:bold;
}
    div#mmogle3 div.content_area img { width: 100%; height: auto;}
    
div#mmogle3 div.content_area p {
    font-size: 17px;
    line-height: 36px;
}
    /******************** 서브 QAD MMOGLE 끝 *******************/
    
    
    /******************** 서브 QAD ORCORE 시작 *******************/
    
    div#orcore1 h3 { font-size: 16px;}
    
    div#orcore1 { padding-bottom:42px;}
	div#orcore2 div.content_area > div { padding-top:50px;}
    div#orcore2 div.content_area div div { width: 98%; height: 340px;}
    div#orcore2 div.content_area div div img { margin: 20px auto;}
    div#orcore2 div.content_area div div h3 { font-size: 16px; line-height: 35px;}
    div#orcore2 div.content_area div div p { font-size: 14px; line-height: 30px;}
    
    /******************** 서브 QAD ORCORE 끝 *******************/

    
    /******************** 서브 QAD PROGRESS 시작 *******************/
    div#progress { padding-bottom:20px;}
    div#progress h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 42px;
    font-weight: bold;
}

	 div#progress1 h3 {
    padding-top: 42px;
}

    
    div#progress1 div.content_area ul li { width: 32%; margin-top: 3%; margin-left: 2%;}
    div#progress1 div.content_area ul li:nth-of-type(4) { margin-left: 0;}
    
    
    div#progress2 div.content_area h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 42px;
    font-weight: bold;
}
div#progress2 div.content_area p {
    font-size: 15px;
    line-height: 30px;
}
    div#progress2 div.content_area img { width: 90%; height: auto;}
    
    div#progress3 div.content_area > div { height: 450px;}
    div#progress3 div.content_area > div img { float: none; display: block; margin: 0 auto 40px;}
    div#progress3 div.content_area > div p { /*width: 95%; */font-size: 16px; padding: 7%; line-height: 29px;}
    div#progress3 div.content_area h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 42px;
    font-weight: bold;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:28px;
}
    div#progress3 div.content_area p { font-size: 17px; line-height: 32px; padding:0 8%; margin-bottom:30px; }
    div#progress3 div.content_area div.bottom_box { width: 100%;height: 350px; margin-left: 0;}
div#progress3 div.content_area div.bottom_box p {
    line-height: 27px;
    font-size: 15px;
}
    /******************** 서브 QAD PROGRESS 끝 *******************/
    
    /******************** 서브 QAD SUCCESS 시작 *******************/
    div#success h3 { font-size: 20px;}
    div.success p { text-align: center; font-size: 18px; color: #757575;}
    div.suc_box { text-align: center;}
div.suc_box ul li {
    color: #b6b6b6;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 3%;
}


div.suc_box h4 {
    font-size: 21px;
    padding: 0 0 7%;
}
    div.suc_box img { width: 60%; height: auto; display: block; margin: 0 auto;}
    div.suc_box2 ul li,
    div.suc_box2 h4 { color: #0660a5; font-weight: bold;}    
    
div.success div.content_area div {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 5% 0;
}
    /******************** 서브 QAD SUCCESS 끝 *******************/
    
    /******************** 서브 SERVICE MAIN 시작 ********************/
div.service h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 42px;
    font-weight: bold;
}

div.service { width: 100%; overflow: hidden; padding-bottom: 50px;}
div.service p { font-size: 16px; line-height: 35px;}
    
div.dlWrap { max-width: 1200px; overflow: hidden; padding-top: 40px; margin-left: 6%;}
div.service1 div.content_area dl { width: 100%; text-align: center; margin-bottom: 30px;}
div.service dl { width: 100%; text-align: center;}
div.service dt { font-size: 18px; font-weight: bold; margin-bottom: 25px;}
div.service dd { font-size: 14px; color: #696969; line-height: 28px;}
    
div.service1 img.service_pc { display: none;}
div.service1 img.service_m { display: block; width: 100%; height: auto;}
    
div.service2 img { width: 100%; height: auto;}

div.service3 img { width: 100%; height: auto;}
div.service3 h3, div.service3 p, div.service3 dt, div.service3 dd { color: #fff;}

div.service4 img { width: 100%; height: auto; margin-top: 30px;}

div.service4 p.more a { font-size: 15px;}
/******************** 서브 SERVICE MAIN 끝 ********************/
    
/******************** 서브 COMPANY LOCATION 시작 ********************/
div#com_number { width: 100%; overflow: hidden; padding-bottom: 50px;}
div#com_number p { font-size: 13px; text-align: center; line-height: 33px;}

div.location { width: 100%; margin-left: 0; margin-bottom: 100px;}
div.location img { display: block; width: 130px; height: auto; margin: -65px auto 30px;  }

div.root_daum_roughmap { width: 100%; height: 350px;}
div#com_map { padding-bottom: 0;}
    div.location { height: 300px;}
ul.location_info { width: 100%; padding: 0 3%;}
ul.location_info li { font-size: 18px; line-height: 33px; text-align: center;}

/******************** 서브 COMPANY LOCATION 끝 ********************/
    
/******************** 서브 COMPANY APP 시작 ********************/

div#com_app p { font-size: 16px; line-height: 40px;}
div#com_app h3 { font-size: 16px; line-height: 30px;}

    
div#com_app ul li { width: 100%; margin-top: 30px; margin-left: 0;}
div#com_app ul li h4 { font-size: 20px; text-align: center;}

div#com_app ul li p.text { font-size: 16px; color: #3a3a3a; line-height: 30px; padding: 0 3%; margin-top: 40px;}

div#com_table h3 { font-size: 20px;}
div#com_table table th { font-size: 15px;}
div#com_table table td { font-size: 13px;}

p.table_text { font-size: 15px; line-height: 35px;}

/******************** 서브 COMPANY APP 끝 ********************/

/******************** 서브 COMPANY CI 시작 ********************/

div#com_ci ul li { width: 49%; margin-top: 30px; margin-left: 2%;}
div#com_ci ul li:first-child { margin-left: 0;}

div.two { width: 100%; margin-right: 0; }
div.killer { width: 100%; margin-left: 0%;}
div.ci h3 { font-size: 18px; text-align: center;}



div.ci p,
div.ci ul li { font-size: 16px; text-align: center; line-height: 30px;}

div.bottom_list ul li h4 { font-size: 16px;}
div.bottom_list ul li img { width: 60%; margin: -55px auto;}
div.bottom_list ul li p { font-size: 14px; line-height: 30px;}
    

/******************** 서브 COMPANY CI 끝 ********************/

    
/******************** 서브 COMPANY CUSTOMER 시작 ********************/

div.com_customer h3 { font-size: 20px;}
div.com_customer h4 { font-size: 16px;}

ul.company_customer_list { width: 100%;}
ul.company_customer_list li { width: 33.33%;}


/******************** 서브 COMPANY CUSTOMER 끝 ********************/

/******************** 서브 COMPANY CEO 시작 ********************/

div#com_ceo h3 { font-size: 18px; line-height: 35px;}
div.ceo { width: 100%;}

div.ceo p { font-size: 15px; line-height: 25px;}

span.bar { width: 100%; height: 2px; margin:5% 0; margin-left: 0;}

div.ceo2 p { font-size: 14px; color: #777;}

/******************** 서브 COMPANY CEO 끝 ********************/

/******************** 서브 COMPANY PARTNERS 시작 ********************/
div#com_partners h3 { font-size: 20px;}
div.partnersWrap div { width: 50%; margin-left:0%;}

div.partnersWrap div p { font-size: 16px;}
/******************** 서브 COMPANY PARTNERS 끝 ********************/

/******************** 서브 기업개요 시작 *******************/		
.com_int_top_img li { width:100%; box-sizing:border-box; text-align:center; padding:8%;}		
.com_int_top_img li img { width:100%;}
#com_intro .com_int_txt_area { width:100%;}
#com_intro p.com_int_bot_txt { font-size:16px; line-height:26px; color:#3a3a3a; text-align:center;}	
/******************** 서브 기업개요 끝 *******************/

/******************** 서브 비젼 시작 *******************/
div#com_vision p.com_vision_tit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
	padding:32px 0;
}
.v_top_area { overflow:unset;}
div#com_vision .v_top_area .v_box { float:none; width:100%; padding:40px 32px; box-sizing:border-box; margin:0;}
div#com_vision .v_top_area .v_box_left { margin-bottom:5%;}




div#com_vision .v_mid_area div.v_boxm { float:left; width:100%; padding:20px 26px; box-sizing:border-box; margin:0 0 2%; height: 350px; border:1px solid #b5b5b5;}
div#com_vision .v_mid_area div.v_boxm div.rep_img { float:none; text-align:center;}
div#com_vision .v_mid_area div.v_boxm ul {
    padding: 38px 0 0 0;
    float: none;
	text-align:center;
}
div#com_vision .v_mid_area div.v_boxm ul li {
    font-size: 16px;
    color: #777777;
    line-height: 24px;
}
div#com_vision .v_mid_area div.v_boxm ul li.tit {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: bold;
    padding-bottom: 8px;
}

.com_vision_bot_list li {
    float: left;
    width: 100%;
    height: 270px;
    text-align: center;
	margin-bottom:3%;
}
.com_vision_bot_list li p {
    padding-top: 90px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 42px;
}

	
/******************** 서브 비젼 끝 *******************/
/******************서브 교육***************************/
    div.content_area h3 { font-size: 18px;}
	
    div.tableWrap table,
    div.tableWrap1 table { width: 640px;}
    div.tableWrap table th, div.tableWrap1 table th { font-size: 16px;}
    div.tableWrap table td, div.tableWrap1 table td { font-size: 14px; padding: 10 0%; line-height:  17px;}
    div.tableWrap1 table tr p { font-size: 14px; padding: 0 10%;}
    div.application_left { width: 100%; float: none ;}
    
    div.application_left a { font-size: 18px;}
    p.application_edu { margin: 60px auto 0;}
    div.application_right { width: 100%;}
    div.application_right ul { display: inline-block; width: 100%; text-align: center; margin: 40px 0;}
    div.application_right ul li { padding: 0 5%; font-size: 14px; line-height: 25px; margin-top: 20px;}

	div.tableWrap p.scrollHelp, div.tableWrap1 p.scrollHelp, div#com_table p.scrollHelp {display: block;}
	
    /******************서브 교육***************************/
    
        /******************** 고객지원 시작 *******************/
    div.customer_intro div.content_area h3 { font-size: 20px;}
div.customer_intro div.content_area p { font-size: 15px; line-height: 24px;}

div.customer_intro { width: 100%; overflow: hidden; padding-bottom: 50px;}

div.customer_intro2 ul.customer_list li img { width: 80%; height: auto;}

div.customer_intro3 img.customerPC {display: none;}
div.customer_intro3 img.customerM {display: block;}


div.customer_intro3 img { display: block; width: 100%; height: auto; margin: 20px auto;}
/******************** 고객지원 끝 *******************/
/******************** 고객포탈사이트 시작 *******************/
div.customer_site div.content_area h3 { font-size: 20px;}
div.content_area div.customer_site_bg p.customer_site_text { font-size: 16px; line-height: 30px; margin-top: 100px; padding: 0 5%;}
div.customer_site_bg p.customer_more { width: 250px; height: 68px; margin: 50px auto 20px;}
div.customer_site_bg p.customer_more a { display: block; text-align: center; color: #fff; line-height: 68px; font-size: 14px;}
/******************** 고객포탈사이트 끝 *******************/
}

@media (max-width: 450px) {
div#navwrap ul.navwrap_menu li { width: 50%;} 
div#navwrap ul.navwrap_menu li:first-child { display: none;}

div#navwrap ul.nav_submenu li { width: 100%; border: none; box-sizing: border-box; float: left; padding-bottom: 12px; cursor: pointer;}
div#navwrap ul.nav_submenu li a { display: block; text-align: center; color: #fff; line-height:0; padding: 20px 20px 6px 10px; font-size: 14px;}
span.text { font-size: 10px;}
div#footer p { font-size: 14px;}
    
    /* content1 */
div.content ul#icon li{ width: 49%; margin-left: 2%;}
    div.content uL#icon li:nth-child(4) { margin-left: 2%;}
    div.content ul#icon li:nth-child(3),
    div.content ul#icon li:nth-child(5) { margin-left: 0 !important;}
    
ul#icon li { width: 49%; margin-left: 0%;}
ul#icon li:nth-child(2) {margin-left: 2%;}
ul#icon li:nth-child(4) {margin-left: 2%;}
ul#icon li:nth-child(6) {margin-left: 2%;}
ul#icon li:nth-child(5) {margin-left: 0;}
ul#icon li:nth-child(7) {margin-left: 0;}
ul#icon li p { font-size: 15px;}


div.content_area1 h2 {
    font-size: 24px;
}
div.content_area1 p  {font-size: 17px;}

p.more a { font-size: 15px;}

    /* content1// */
   
/* content2 */
    div#content2 h3  {font-size: 17px;}
    div#content2 p { font-size: 15px; line-height: 30px;}
div.content_area2 h2 {
    font-size: 24px;
}
div.content_area2 > p { font-size: 14px; line-height: 30px;}
div#content2 div.imgWrap img.main_mb { display: block; width: 100%; height: auto; margin-left: 0.5%;}
div#content2 div.imgWrap img.main_pc,
div#content2 div.imgWrap img.main_tb {display: none;}

div.content_area2 p.more2 a {font-size: 14px;}
/* content2// */   
    
/* content3 */

div.content_area3 h2 {
    font-size: 24px;
}
div.content_area3 h3 {
    font-size: 20px;
}
ul.con3_list li { width: 50%;}

/* content3// */

/* content4 */

div.content_area4 h3 {font-size: 20px;}
/* content4// */
div#mmogle1 div.content_area div p {
    float: none;
    padding-top: 60px;
    width: 100%;
    font-size: 17px;
    line-height: 32px;
    text-align: center;
}
div#enter_logo div.content_area div.enter_logo1 ul li { width: 50%;}
  
    
    
    div.left img#solo { width: 100%; height: auto;}
    div#Erp h3 { margin-bottom: 0;}
    /******************** 서브 QAD CLOUD 시작 *******************/
    div#cloud1 div.content_area p { font-size: 14px; line-height: 27px; padding: 0 3%;}
    div#cloud1 div.content_area p:first-child {padding-top: 92px;}
    div#cloud1 ul li {margin-left: 0px;}
    div#cloud1 ul li img { width: 80%; height: auto;}
    
    
    
div#cloud2 div.content_area > p:nth-child(1) {
    font-size: 18px;
    padding-top: 52px;
}
    div#cloud2 div.content_area > p { font-size: 14px; line-height: 30px; padding: 0 3%;}
  
    
    
    
    div#cloud3 { padding-bottom: 50px;}
div#cloud3 div.content_area h3 {
    font-size: 16px;
    line-height: 25px;
    padding-top: 62px;
}
div#cloud3 div.content_area ul li h4 {
    font-size: 16px;
    text-align: center;
}
    div#cloud3 div.content_area ul li img.qad_pc { display: none;}
    div#cloud3 div.content_area ul li img.qad_m { display: block; width: 60%; height: auto; margin: 0 auto;}
    /******************** 서브 QAD CLOUD 끝 *******************/
    
    /******************** 서브 QAD SUPPLY 시작 *******************/
    

    div#supply3 div.content_area ul li p { font-size: 13px;}
	div#supply3 div.content_area ul li p.line3 { margin-top: -20px; line-height: 23px;}
	div#supply3 div.content_area ul li p.line4 { margin-top: -25px; line-height: 26px;}
    div#supply3 div.content_area ul li { height: 60px;}
	div#supply3 div.content_area ul li.line2 p {line-height:60px; padding: 0 2%;}
div#supply4 div.content_area div div {
    width: 100%;
    margin-top: 3%;
    margin-left: 0;
    margin-top: 10%;
    margin-bottom: 10%;
}

    div#supply4 div.content_area div div img {left: 37%;}
    /******************** 서브 QAD SUPPLY 끝 *******************/
    
    /******************** 서브 QAD ORCORE 시작 *******************/
div#orcore2 div.content_area div div img {
    margin: 40px auto 20px;
}	
div#orcore2 div.content_area div div h3 {
    font-size: 21px;
    line-height: 35px;
}
div#orcore2 div.content_area div div p {
    font-size: 17px;
    line-height: 30px;
    text-align: center;
}
	
    div#orcore2 div.content_area div div { width: 98%; height: 480px; margin-top: 10%;}
	
	
	
    
    /******************** 서브 QAD ORCORE 끝 *******************/
    /******************** 서브 QAD SUCCESS 시작 *******************/
    div#success h3 { font-size: 18px;}
    div.success p { text-align: center; font-size: 18px; color: #757575;}
    div.suc_box { text-align: center;}
div.suc_box ul li {
    color: #b6b6b6;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 3%;
}
div.suc_box h4 {
    font-size: 21px;
    padding: 0 0 7%;
}
    div.suc_box img { width: 60%; height: auto; display: block; margin: 0 auto;}
    div.suc_box2 ul li,
    div.suc_box2 h4 { color: #0660a5; font-weight: bold;}    
    div.success div.content_area div.suc_box:nth-of-type(1) { height:auto;}
div.success div.content_area div {
    width: 100%;
    height: auto;
    margin-left: 0;
	padding:8% 0;
}
    /******************** 서브 QAD SUCCESS 끝 *******************/
    
    /******************** 서브 COMPANY CI 시작 ********************/

div#com_ci ul li { width: 100%; margin-top: 30px; margin-left: 0%;}
div#com_ci ul li:first-child { margin-left: 0;}

div.two { width: 100%; margin-right: 0; }
div.killer { width: 100%; margin-left: 0%;}
div.ci h3 { font-size: 16px; text-align: center;}



div.ci p,
div.ci ul li { font-size: 16px; text-align: center; line-height: 30px;}
    div.bottom_list { padding-top: 0;}
div.bottom_list ul li { width: 100%; height: 200px; margin-top: 100px; margin-left: 0;}
div.bottom_list ul li h4 { font-size: 16px; padding-top: 30px;}
div.bottom_list ul li img { width: 30%; margin: -55px auto 0;}
div.bottom_list ul li p { font-size: 14px; line-height: 30px;}
    

/******************** 서브 COMPANY CI 끝 ********************/


/******************** 서브 COMPANY CUSTOMER 시작 ********************/

div.com_customer h3 { font-size: 16px;}
div.com_customer h4 { font-size: 14px;}

ul.company_customer_list { width: 100%;}
ul.company_customer_list li { width: 50%;}


/******************** 서브 COMPANY CUSTOMER 끝 ********************/

/******************** 서브 COMPANY PARTNERS 시작 ********************/
div#com_partners h3 { font-size: 18px;}
div.partnersWrap div { width: 100%; margin-left:0%;}

div.partnersWrap div p { font-size: 14px;}
/******************** 서브 COMPANY PARTNERS 끝 ********************/

 /******************** 고객지원 시작 *******************/
div.customer_intro div.content_area h3 { font-size: 18px;}
div.customer_intro div.content_area p { font-size: 15px; line-height: 24px;}

div.customer_main { width: 100%; overflow: hidden; padding-bottom: 50px;}

div.customer_intro2 ul.customer_list li { width: 100%;}
div.customer_intro2 ul.customer_list li img { width: 50%; height: auto;}

/******************** 고객지원 끝 *******************/
}
@media (max-width: 320px) {
    /* content1 */

ul#icon li { width: 49%; margin-left: 0%;}
ul#icon li:nth-child(2) {margin-left: 2%;}
ul#icon li:nth-child(4) {margin-left: 2%;}
ul#icon li:nth-child(6) {margin-left: 2%;}
ul#icon li:nth-child(5) {margin-left: 0;}
ul#icon li:nth-child(7) {margin-left: 0;}
ul#icon li p { font-size: 15px;}
div.content_area1 h2, div.content_area1 p  {font-size: 17px;}
p.more a { font-size: 15px;}

    /* content1// */
div#enter_logo div.content_area div.enter_logo1 ul li { width: 50%;}
}
/* media// */