@charset "utf-8";


/*서브-상단비주얼 */
#svisual{width:100%; height:270px; background: url(../img/sub/s_main01.jpg) no-repeat center bottom; min-width:1100px; }
#svisual_comm{width:100%; height:210px; background: url(../img/sub/s_main_comm.jpg) no-repeat center center; min-width:1100px; }
#svisual .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual .svisual_in .s_text h2{font-family:'Noto Sans KR'; font-size:2.5em; font-weight:400; color:#3e3e3e; /*text-align:center ;padding-top:45px;*/}
#svisual .svisual_in .s_text p{font-family:'Noto Sans KR'; font-size: 1.20em; color:rgba(56,56,56,0.7); padding-top:10px; font-weight:400; /*text-align:center*/}
#svisual_comm .svisual_in{width:1100px; margin:0 auto; height:235px; /*text-align:center;*/ letter-spacing:-1.2px; }
#svisual_comm .svisual_in .s_text h2{font-family:'Noto Sans KR'; font-size:5.0em; font-weight:500; padding-top:45px; color:#fff; text-align:center}
#svisual_comm .svisual_in .s_text p{font-family:'Noto Sans KR'; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center}
#svisual .slogan{ width:1000px; margin:0px auto; padding:100px 0 0}
#svisual .slogan h2{}
#svisual .slogan .c1{ font-size:1.6em; color:#fff; line-height:1.2em;}
#svisual .slogan .c2{ font-family:'Noto Sans KR';font-size:1.2em; color:rgb(255,255,255,0.7); color:rgba(255,255,255,0.7); }
@media (max-width: 991px) {
#svisual{height:140px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual_comm{height:140px; background: url(../img/sub/s_main01.jpg) no-repeat center top; background-size:cover; min-width:100%;}
#svisual .svisual_in{width:100%; height:120px;}
#svisual .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual .svisual_in .s_text p{font-family:'Noto Sans KR'; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}
#svisual_comm .svisual_in{width:100%; height:120px;}
#svisual_comm .svisual_in .s_text h2{font-size:2.00em; padding-top:25px; text-align:center}
#svisual_comm .svisual_in .s_text p{font-family:'Noto Sans KR'; font-size: 1.20em; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:400;text-align:center; line-height:1.2em}
}

.treat_list{ width:100%; padding:0; margin:0}
.treat_list ul{}
.treat_list li{ display:inline-block; width:49%; margin:0 1% 0 0}
.treat_list li:nth-child(2n){ display:inline-block; width:49%; margin:0 0 0 1%}
/*.treat_list li:first-child{display:inline-block; width:32%; margin:0 1% 0 0}
.treat_list li:nth-child(3n+4){display:inline-block; width:32%; margin:0 1% 0 0}
.treat_list li:nth-child(3n+3){display:inline-block; width:32%; margin:0 0 0 1%}
.treat_list li:last-child{display:inline-block; width:97%; margin:0 1.5%}*/
.treat_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);  margin-bottom:30px}
.treat_list li .box .photo img{ width:100%}
.treat_list li .box .content{ padding:20px; text-align:center; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
.treat_list li .box .content p.title{font-size:2.0em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.055em}
.treat_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.treat_list li .box .content p{ color:#807d79; font-size:1.02em; line-height:1.4em; margin:17px 0 0}
@media screen and (max-width:991px) {
.treat_list{ width:100%; padding:0; margin:0}
.treat_list ul{}
.treat_list li{ display:inline-block; width:96%; margin:0 2%}
.treat_list li:nth-child(2n){ display:inline-block; width:96%; margin:0 2%}
/*.treat_list li:last-child{display:inline-block; width:96%; margin:0 2%}*/
.treat_list li .box{ box-shadow: 0 1px 1px rgba(0,0,0,0.08);}
.treat_list li .box .photo{ max-width:100%}
.treat_list li .box .content{ text-align:center;border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
}



/* 제품 4ea 배너*/
.pro4_list{ width:100%; padding:0; margin:0}
.pro4_list ul{}
.pro4_list li:first-child{ display:inline-block; width:24.25%; margin:0 0.5% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(2){ display:inline-block; width:24.25%; margin:0 0.5% 0 0.5%; transition: all 0.5s;}
.pro4_list li:nth-child(3){ display:inline-block; width:24.25%; margin:0 0.5% 0 0.5%; transition: all 0.5s;}
.pro4_list li:nth-child(4){ display:inline-block; width:24.25%; margin:0 0 0 0.5%; transition: all 0.5s;}
.pro4_list li:nth-child(5){ display:inline-block; width:25%; margin:0; transition: all 0.5s;}
.pro4_list li:nth-child(6){ display:inline-block; width:24.25%; margin:0 0.25% 0 0.5%; transition: all 0.5s;}
.pro4_list li .box{ /*box-shadow: 0 1px 1px rgba(0,0,0,0.08); */ margin-bottom:10px}
.pro4_list li .box .photo img{ width:100%; max-height:400px}
.pro4_list li .box .photo{border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5;}
.pro4_list li .box .content{ padding:10px; text-align:center; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height: 100px;}
.pro4_list li .box .content p.title{font-size:1.35em; line-height:0.8em;color:#55514d; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.055em; margin:0 0 10px}
.pro4_list li .box .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.pro4_list li .box .content p{ color:#5f5f5f; font-size:1.02em; line-height:1.4em; margin:0 0 7px}

@media screen and (max-width:767px) {
.pro4_list{ width:100%; padding:0; margin:0}
.pro4_list ul{}
.pro4_list li:first-child{ display:inline-block; width:49%; margin:0 1% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%; transition: all 0.5s;}
.pro4_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(4){display:inline-block; width:49%; margin:0 0 0 1%; transition: all 0.5s;}
.pro4_list li:nth-child(5){ display:inline-block; width:49%; margin:0 1% 0 0; transition: all 0.5s;}
.pro4_list li:nth-child(6){ display:inline-block; width:49%; margin:0 0 0 1%; transition: all 0.5s;}
.pro4_list li .box{ /*box-shadow: 0 1px 1px rgba(0,0,0,0.08);*/}
.pro4_list li .box .photo img{ width:100%;  max-height:100%}
.pro4_list li .box .photo{border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5;}
.pro4_list li .box .content{ text-align:center;border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
}



/*3차메뉴*/
.subtitle_tabs {
    width: 100%;
    text-align: center;
    border-top: 1px solid #cac6c5;
    margin-bottom: 65px;
}
.subtitle_tabs li {
    display: inline-block;
    font-size: 14px;
}
@media screen and (max-width:767px) {
.subtitle_tabs li {
    display: inline-block;
    font-size: 14px;
	width:100%;
}	
}
.subtitle_tabs li.active a {
    border-bottom: 2px solid #00002c;
    color: #292956;
	font-weight:500;
}
@media screen and (max-width:767px) {
.subtitle_tabs li.active a {
    /*border: 1px solid #00002c;*/
	border-radius:5px;
    color: #292956;
	font-weight:500;
	background: #f5f4fb;
}	
}
.subtitle_tabs li a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 33px;
}
.subtitle_tabs_line {
    width: 100%;
    height: 1px;
    background: #cac6c5;
    margin-top: -1px;
    z-index: -10;
}


/* 반응형 박스형 문단처리 */
.sub_imgcontent_wrap5 {
    width: 100%;
    /*margin-bottom: 35px;*/
    border: 1px solid #e6e4e4;
    min-height: 100px;
    overflow: hidden;
}
.sub_imgcontent_wrap5 h3 {
    display: inline-block;
    width: 100%;
    height: 45px;
    float: left;
    text-align: center;
    font-size: 1.5em;
	font-weight:600;
	line-height:45px;
    /*font-family: 'Nanum Gothic', sans-serif,"돋움", "굴림", tahoma, sans-serif;*/
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
}

.sub_imgcontent_img {
    width: 48%;
    float: left;
    min-height: 100px;
}

.sub_imgcontent_text {
    width: 52%;
    float: right;
}
.sub_imgcontent_text p {
    width: 90%;
    margin: 25px auto 35px auto;
    line-height: 180%;
	font-size: 1.00em;
    color: #555;
	font-weight: 300;
}

@media screen and (max-width:767px) {
.sub_imgcontent_img {
    width: 100%;
    float: left;
    min-height: 150px;
}

.sub_imgcontent_text {
    width: 100%;
    float: right;
}
}


/*미션*/
.mission{width:100%; background:url(../img/sub/mission.jpg) no-repeat center top; padding:440px 0 0 0; height:700px}
@media screen and (max-width:767px) {
.mission{width:100%; background:url(../img/sub/m_mission.jpg) no-repeat center top; padding:320px 0 0 0; height:700px; background-size:100%}
}

.manager_01{ width:200px; height:200px; border-radius:100%; background:#000b30; padding:40px 0 10px 0; float:right; transition: all 0.5s;}
.manager_01 img{ margin:0 0 10px}
.manager_01 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em; margin: 0 0 7px;}
.manager_01 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_02{ width:200px; height:200px; border-radius:100%; background:#f1b922; padding:40px 0 10px 0; margin:0px auto; transition: all 0.5s;}
.manager_02 img{ margin:0 0 10px}
.manager_02 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em; margin: 0 0 7px;}
.manager_02 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_03{ width:200px; height:200px; border-radius:100%; background:#000b30; padding:40px 0 10px 0; float:left; transition: all 0.5s;}
.manager_03 img{ margin:0 0 10px}
.manager_03 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em; margin: 0 0 7px;}
.manager_03 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_04{ width:270px; height:270px; border-radius:100%; background:#292b89; padding:60px 0 10px 0; margin:0px auto}
.manager_04 .t{padding:0;word-break:break-all; font-size:1.85em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em;}
.manager_04 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

@media screen and (max-width:767px) {
.manager_01{ width:200px; height:200px; border-radius:100%; background:#000b30; padding:40px 0 10px 0; margin:10px auto; float:none; transition: all 0.5s;}
.manager_01 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em; margin: 0 0 7px;}
.manager_01 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_02{ width:200px; height:200px; border-radius:100%; background:#f1b922; padding:40px 0 10px 0; margin:10px auto; transition: all 0.5s;}
.manager_02 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em; margin: 0 0 7px;}
.manager_02 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_03{ width:200px; height:200px; border-radius:100%; background:#000b30 padding:40px 0 10px 0; margin:10px auto; float:none; transition: all 0.5s;}
.manager_03 .t{padding:0;word-break:break-all; font-size:1.5em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em; margin: 0 0 7px;}
.manager_03 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}

.manager_04{ width:270px; height:270px; border-radius:100%; background:#292b89; padding:60px 0 10px 0; margin:10px auto}
.manager_04 .t{padding:0;word-break:break-all; font-size:1.85em; line-height:1.2em;color:#fff; font-weight:bold; font-family:'Noto Sans KR';letter-spacing:-.095em;}
.manager_04 .c{padding:0;word-break:break-all; font-size:1.10em; line-height:1.2em;color:#fff; font-weight:bold ;letter-spacing:-.055em; opacity:0.7}	
}


/* start 내용_단락01*/
.para_list{ /*border:1px solid #dfdfdf; padding:20px; border-radius:3px; box-shadow: 1px 1px 1px #dfdfdf*/}
.para_list h4 { font-size: 1.50em; line-height: 1.0em; font-weight: 500; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #555; font-family:'Noto Sans KR';}
.para_list li{font-size:1.20em; margin-bottom:8px;padding-left:12px;background:url(../img/common/bul_li_t1.png) no-repeat 0 8px; font-weight:500; width: 100%;}
.para_list li.none{margin-bottom:8px;padding-left:12px;background:none; }
.para_list li em{font-weight:bold;color:#2166b2;font-size:1.20em; line-height:1.8em;letter-spacing:-.055em}
.para_list li li{margin-bottom:0;padding-left:10px;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:0.90em; letter-spacing:-.015em; color:#666; font-weight:400}
.para_list li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락01*/

/* start 내용_단락02*/
.para_list02{width: 86%;margin: 15px 7%;}
.para_list02 h4 { font-size: 1.50em; line-height: 1.0em; font-weight: bold; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #v; font-family:'Noto Sans KR';}
.para_list02 li{margin-bottom:8px;background:url(../img/common/bul_li_t1.png) no-repeat 0 10px; }
.para_list02 li.none{margin-bottom:8px;padding-left:12px;background:none; }
.para_list02 li em{font-weight:500;color:#4a4a4a;font-size:1.35em; line-height:1.2em;letter-spacing:-.055em; font-family:'Noto Sans KR';}
.para_list02 li li{margin:5px 0 0 0;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:1.05em; letter-spacing:-.015em; color:#666}
.para_list02 li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락02*/
@media screen and (max-width:767px) {
/* start 내용_단락02*/
.para_list02{width: 86%;margin: 15px 7%;}
.para_list02 h4 { font-size: 1.50em; line-height: 1.0em; font-weight: bold; letter-spacing: -.095em; display: block; padding: 5px 0 15px 0; color: #v; font-family:'Noto Sans KR';}
.para_list02 li{margin-bottom:8px;background:url(../img/common/bul_li_t1.png) no-repeat 0 10px; text-align:center}
.para_list02 li.none{margin-bottom:8px;padding-left:12px;background:none; }
.para_list02 li em{font-weight:500;color:#4a4a4a;font-size:1.00em; line-height:1.2em;letter-spacing:-.055em; font-family:'Noto Sans KR';}
.para_list02 li li{margin:5px 0 0 0;background:url(../img/common/bul_li_t2.png) no-repeat 0 7px;font-size:0.90em; letter-spacing:-.015em; color:#666}
.para_list02 li li.none{margin-bottom:0;padding-left:10px;background:none;font-size:1.00em; letter-spacing:-.015em; color:#666}
/* end 내용_단락02*/
}


/* 4ea 배너*/
.b4_list{ width:100%; padding:0; margin:0}
.b4_list ul{}
.b4_list li:first-child{ display:inline-block; width:25%; margin:0}
.b4_list li:nth-child(2){ display:inline-block; width:24.25%; margin:0 0.25% 0 0.5%}
.b4_list li:nth-child(3){ display:inline-block; width:24.25%; margin:0 0.5% 0 0.25%}
.b4_list li:nth-child(4){ display:inline-block; width:25%; margin:0}
.b4_list li:nth-child(5){ display:inline-block; width:25%; margin:0}
.b4_list li:nth-child(6){ display:inline-block; width:24.25%; margin:0 0.25% 0 0.5%}
.b4_list li .boxarea { /*box-shadow: 0 1px 1px rgba(0,0,0,0.08); */ margin-bottom:30px}
.b4_list li .boxarea .photo{ width:100%; padding:5%; background:#eaeaea;  text-align:center}
.b4_list li .boxarea .photo img{ height:150px; text-align:center}
.b4_list li .boxarea .content{ padding:30px; text-align:center; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height:210px}
.b4_list li .boxarea .content p.title{font-size:1.35em; line-height:1.4em;color:#2254a8; font-weight:500; font-family:'Noto Sans KR';letter-spacing:-.01em; margin:0 0 10px}
.b4_list li .boxarea .content p.st{font-size:0.95em; line-height:0em;color:#7d7771; font-weight:300; font-family:'Noto Sans KR';letter-spacing:-.055em}
.b4_list li .boxarea .content p{ color:#747481; font-size:1.02em; line-height:1.4em; margin:0 0 7px}

@media screen and (max-width:767px) {
.b4_list{ width:100%; padding:0; margin:0}
.b4_list ul{}
.b4_list li:first-child{ display:inline-block; width:49%; margin:0 1% 0 0}
.b4_list li:nth-child(2){ display:inline-block; width:49%; margin:0 0 0 1%}
.b4_list li:nth-child(3){ display:inline-block; width:49%; margin:0 1% 0 0}
.b4_list li:nth-child(4){display:inline-block; width:49%; margin:0 0 0 1%}
.b4_list li:nth-child(5){ display:inline-block; width:49%; margin:0 1% 0 0}
.b4_list li:nth-child(6){ display:inline-block; width:49%; margin:0 0 0 1%}
.b4_list li .boxarea { /*box-shadow: 0 1px 1px rgba(0,0,0,0.08);*/}
.b4_list li .boxarea .photo img{ width:100%; height:auto; }
.b4_list li .boxarea .content{ text-align:center;border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; min-height:300px}
}


div#ctt_con {font-family:'Noto Sans KR'!important}
/*인사말*/
.greet h2{ font-size:2.5em; font-weight:normal; color:#ccc; letter-spacing:-2px;}
.greet h3{ font-size:1.6em; color:#0068b7; margin:5px 0 20px 0;}
.greet .ceo{ font-size:1.2em; margin:20px 0 0 0;}
.greet .ceo strong{ font-size:1.4em;}
.greet .gimg{ width:45% !important; margin-right:40px;}
@media screen and (max-width:767px) {
.greet .gimg{ width:100% !important; margin-bottom:20px; margin-right:0;}
.greet .gimg img{ width:100%;}
}

/* 연혁 */
.his{ background:url(../img/sub/global_map.gif) no-repeat left top; width:90%; margin:0 auto;}
.his_ul li{/*border-bottom:1px solid #e5e6e6;*/overflow:hidden;padding:15px 0;position:relative;/*margin-left:10px*/}
.his_ul li.no_border{border:none}
.his_ul li strong{color:#0068b7;font-size:1.5em;left:0;letter-spacing:-1px;line-height:32px;position:absolute;top:15px;background:url(../img/sub/icon_his_y.png) no-repeat 0 8px;padding-left:25px}
.his_ul li .history_dl{margin:0 0 0;padding:5px 0 0 25%;position:relative;}
.his_ul li .history_dl *{margin:0;padding:0;}
.his_ul li .history_dl dt{font-weight:400;left:17%;position:absolute;top:5px;}
.his_ul li .history_dl dd{padding:0 0 0 8%; font-size: 1.15em;}
.his_ul{background:url(../img/sub/y_line.gif) repeat-y 5px 0;margin-top:15px}
@media screen and (max-width:767px) {
.his{ background:none; width:100%;}
.his_top{background:none;}
.his_ul li{ padding:10px 0;}
.his_ul li strong{position:relative;top:auto;left:auto;background:url(../img/sub/icon_his_y.png) no-repeat 0 4px;}
.his_ul li .history_dl{padding:0 0 0 8%;}
.his_ul li .history_dl dt{position:relative;top:auto;left:auto}
.his_ul li .history_dl dd{padding-left:0;}
}

/*인증현황*/
.certi .certi_b{ display:inline-block; margin:0 10px 20px 10px; border:1px solid #ccc;    border-bottom: 0; vertical-align:top;}
.certi .certi_b p{ padding:10px 10px;}
.certi h4{ text-align:center; font-size:1.2em; line-height:1.3em; border-top:1px solid #ddd;    border-bottom: 1px solid #ccc; background:#f9f9f9; padding:10px 10px; min-height:59px;}
@media screen and (max-width:767px) {
.certi .certi_b{  width:45%; margin:0 5px 10px 5px;}
.certi .certi_b p{}
.certi .certi_b p img{width:100%;}
.certi h4{ text-align:center; font-size:1.2em; line-height:1.3em; border-top:1px solid #ddd; background:#f9f9f9; padding:10px 10px; min-height:59px;}
}

/*브랜드소개*/
.brand dl{ border:1px solid #ccc; border-top:1px solid #0068b7; padding:35px 20px;}
.brand dt{ font-size:1.8em; border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px; color:#0068b7;}
.brand dt span{ color:#333;}
.brand dd{ font-size:1.1em; color:#666; line-height:1.7em;}
.brand .ddp{}
.brand h2{ font-size:2.2em; color:#333; letter-spacing:-2.5px; text-align:center; margin:40px 0;}
.brand h2 strong{ color:#0068b7;}
.brand .bimg1{ padding:00px 0 0 50px; box-sizing: border-box;}
.brand .bimg2{ padding-left:70px; box-sizing: border-box; overflow:hidden;}
@media screen and (max-width:767px) {
.brand h2{ font-size:2em; line-height:1.3em; margin:0 0 30px 0;}
}


/*주요기능*/
.brand .techImg{ background:url(../img/sub/tech_img05.jpg) no-repeat 90% 85px; background-size:300px auto;}
.tech dl{ margin:0 20px;}
.tech .col-sm-4{ width:28% !important;}
.tech img{ width:100%;}
.tech dt{ font-size:1.6em; margin-bottom:15px; color:#17309a;}
.tech dt span{ color:#333;}
.tech dd{ font-size:1.1em; color:#666; line-height:1.5em; margin-top:20px;}
.tech h2{ font-size:2.4em; color:#333; letter-spacing:-2.5px; text-align:center; margin:50px 0 20px 0;}
.tech h2 strong{ color:#0068b7;}
.tech h3{ font-size:2em; color:#0068b7; letter-spacing:-1.5px; text-align:center; margin:0 0 20px 0; font-weight:500;}
.tech p{ margin-bottom:10px;}
.tech .tech_box{ width:45%; margin:0 auto;}
@media screen and (max-width:767px) {
.brand .techImg{ background-position: center bottom; padding-bottom:210px; background-size:250px auto;}
.tech dl{ margin:0 0px 20px 10px;}
.tech .col-sm-4{ width:95% !important;}
.tech dt{ font-size:1.3em;}
.tech dd{ font-size:1em;}
.tech h2{ font-size:2em;}
.tech h3{ font-size:1.6em;}
.tech .tech_box{ width:100%;}
}


/*대리점모집*/
.fran{ text-align:left;}
.fran h2{     font-family: 'Wooridaum'!important;font-size:2.7em; letter-spacing:-2px; color:#333; font-weight:500; padding-top:70px; margin-bottom:40px;}
.fran h2:before{
  content:'';
  display:inline-block;
  width:6px;
  height:6px;
  margin:-5px 10px 0 0;
  vertical-align:middle;
  background:#0068b7;
  border-radius:50%
}
.fran h4{ font-size:1.3em; color:#666; font-weight:400;}
.fran h3{ font-size:1.8em; color:#444; letter-spacing:-2px; 
    margin: 10px 0 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;}
.fran h3 strong{ color:#0068b7;}
.fran p{ font-size:1.3em; color:#999;}
.fran .fran_tel{ letter-spacing:-1px; margin:80px 0 20px 0;
    padding-top: 40px;
    border-top: 1px solid #eee;}
.fran .fran_tel span{ color:#0068b7;}
.fran .slide {     margin-top: 20px; padding: 15px;    border: 2px solid #0068b7; border-radius: 15px;}
.fran .slide .swiper{    border-radius: 15px;}

.under_bar{
    position: relative;
}
.under_bar::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 15px;
    background: #0068b7;
    opacity: 0.5;
    mix-blend-mode: darken;
}

@media screen and (max-width:767px) {
	.fran h2{ font-size:2.2em; line-height:1.3em;}
	.fran h4{ font-size:1.3em;}
	.fran h3{ font-size:1.6em; line-height:1.3em;}
	.fran p{ font-size:1.2em; line-height:1.2em;margin-bottom: 40px}
}



.shoes {
  animation: shoes 2s ease infinite;
}
@keyframes shoes {
    40% {     rotate: 340deg; }
    50% {     rotate: 345deg; }
    60% {  rotate: 340deg; ; }
    70% {rotate: 345deg; }
    80% {  rotate: 340deg;  }
    90% { rotate: 345deg;; }
    100% {  rotate: 340deg;  }
}

.point {
  animation: point 2s ease infinite;
}
@keyframes point {
    0% {    filter: grayscale(1);}
    25% {filter: grayscale(0);  }
    75% {filter: grayscale(0);  }
    100% {   filter: grayscale(1);   }
}


#pro  {   text-align:center; }
#pro .p-img {position: relative; height: 500px}
#pro .p-logo {width:200px;margin-bottom:0100px}
#pro .p-img .product{left: 50%; transform: translateX(-50%);     bottom: 150px;    position: absolute;    z-index: 1;    max-width: 500px; width: 80%; 
    max-height: 500px;
    width: auto;  rotate: 340deg; animation: shoes 2s ease infinite;}
#pro .p-img .swing{left: 50%; transform: translateX(-50%); bottom: 0px; position: absolute; z-index: 0;max-width: 800px; width: 100%}
#pro >  h2{  
    background: #f9f9f9; text-align:center;   font-family: 'Wooridaum'!important;font-size:3.5em; letter-spacing:-2px; color:#0068b7; font-weight:500; padding-top:20px; margin-bottom:40px;  padding-bottom: 40px;   border-bottom: 1px solid #eee;}
#pro >  h3{   text-align:center;   font-family: 'Wooridaum'!important;font-size:2.5em; letter-spacing:-2px; font-weight:500; padding-top:20px; margin-bottom:40px; }
#pro > h6{ 
    background: #f9f9f9;font-size:1.8em; color:#444; letter-spacing:-2px;   text-align:center;     padding-top: 40px;  margin-top:70px;   border-top: 1px solid #eee;}
#pro > h5{ font-size:1.8em; color:#444; letter-spacing:-2px;   text-align:center;     padding-top: 40px;  margin-top:70px; }
#pro > p{    color: #0068b7; font-size:1.3em;  letter-spacing:-2px;   text-align:center;     padding-bottom: 40px; }
#pro .p-txt {position: relative; display: flex; justify-content: center}
#pro .imgFlex {position: relative; display: flex; justify-content: center;width: 100%}
#pro .imgFlex img {width: 50%}
#pro .p-txt > div {width: 30%; text-align: center; padding: 20px}
#pro .p-txt > div:not(:last-child) {margin-right: 3%}
#pro .p-txt > div:nth-child(1) img {animation: point 4s ease infinite; animation-delay: 0}
#pro .p-txt > div:nth-child(2) img {animation: point 4s ease infinite; animation-delay: .5s}
#pro .p-txt > div:nth-child(3) img {animation: point 4s ease infinite;animation-delay: 1s}
#pro .p-txt > div img {     PADDING: 10PX;width: 100%;border-radius: 50%; border: 5px solid #0068b7;}
#pro .p-txt > div p { font-size:1.45em; color:#111;margin-top: 15px;font-weight: 500}
#pro .p-txt > div p span { font-size:0.9em; color:#fff;background: #0068b7; padding: 5px 10px; border-radius: 15px}
#pro > button {    background: linear-gradient(305deg, #0068b7, #31a2f8);color: #fff; font-size: 1.8em; font-weight: 700; padding: 20px; width: 100%; border: 2px solid #fff; border-radius: 15px; transition: all .3s ease}
#pro > button:hover {    background: #fff;color: #0068b7; border: 2px solid #0068b7; transition: all .3s ease}

@media screen and (max-width:767px) {
	#pro .p-img .product{  bottom: 120px;
    width: 80%!important;  } 
	#pro .p-logo {width:120px;margin-bottom:0px}
	#pro .p-txt > div p { font-size:1.2em;}
	#pro >  h2{  font-size:2.25em; }
	#pro >  h3{  font-size:1.6em; }
	#pro > h6{ 	font-size:1.35em; }
	#pro > h5{ font-size:1.35em;  }
	#pro > p{ font-size:1.15em;  }
	#pro .p-txt > div img {     PADDING: 3PX;border: 2px solid #0068b7;}
	#pro .p-txt > div {padding: 10px}
	#pro > button {   font-size: 1.1em; }
	
}