/********** µðÀÚÀÎÆäÀÌÁö1 style *********/
/* ȸ»ç¼Ò°³ -  Àλ縻 - ù¹ø° ´Ü¶ô */
.ceo_01 {padding-bottom:80px; text-align:left; background:url('../../img/con_img11.jpg') center top no-repeat; }
.ceo_01 h4 {font-size:37px;line-height:120%; padding-bottom:10px;  color:#900D0D; font-family: 'GmarketSansMedium'; }
.ceo_01 h4 span {font-size:37px; color: #000; font-family: 'GmarketSansLight';  }
.ceo_01 .txt_con {max-width:800px; text-align:left;}
.ceo_01 p {font-size:17px; line-height:180%; letter-spacing:-0.01em;   padding:0 0 20px 0;  text-align:left; }
.ceo_01 p span.point {background:#900D0D;  font-size:17px; color:#fff;  letter-spacing:-0.01em; padding:0 5px; }
.ceo_01 p.ceo {font-size:13px;  padding:10px 0 20px 0;    text-align: left; }
.ceo_01 p.ceo span.sign {font-size:19px; color:#000; padding:0 0 20px 10px; }
@media screen and (max-width:1000px) {
.ceo_01 {  background-size:320px; background-position: center bottom;}
.ceo_01 h4,.ceo_01 h4 span {font-size:25px; padding-bottom:10px; }
.ceo_01 p { font-size:13px; padding:0 0 10px 0; line-height:150%;}
.ceo_01 p span.point {font-size:13px;}
.ceo_01 p.ceo span.sign {font-size:15px;}
}
/* ȸ»ç¼Ò°³ - Àλ縻 - µÎ¹ø° ´Ü¶ô */
.guide {text-align:center; position:relative; margin:100px auto; width:100%;}
.guide ul li{position:absolute; width:30%; text-align:left; font-size:17px; letter-spacing:-0.04em; } 
.guide ul li span {color:#900D0D; font-size:23px; font-family: 'GmarketSansMedium'; letter-spacing:-0.06em; margin-bottom:13px; font-weight:600; padding-bottom:5px; border-bottom:1px solid #900D0D; display:block;} 
.guide h4 {width:32%; margin:0 auto;}
@media screen and (min-width:950px) {
.guide ul li.no01 {top:20px; left:0;} 
.guide ul li.no02 {top:20px; right:0;} 
.guide ul li.no03 {top:150px; left:0;} 
.guide ul li.no04 {top:150px; right:0;} 
.guide ul li.no05 {top:280px; left:0;} 
.guide ul li.no06 {top:280px; right:0;} 
}
@media screen and (max-width:1300px) {
.guide {width:900px; }
.guide ul li{;font-size:15px; } 
}
@media screen and (max-width:960px) {
.guide {width:100%; height:auto; margin:50px auto;}
.guide h4 {padding-bottom:30px;}
.guide ul {max-width:450px; margin:0 auto;}
.guide ul li{width:100%;font-size:15px; position:relative; padding-bottom:30px;}
}
@media screen and (max-width:750px) {
.guide h4 {width:100%}
.guide h4 img{width:220px;}
.guide ul li{font-size:13px;  } 
.guide ul li span {font-size:17px; margin-bottom:7px;}
}



/********** µðÀÚÀÎÆäÀÌÁö2 style *********/
/* ȸ»ç¼Ò°³ - ¿¬Çõ  */
.history #section0 .inner{width:1000px;margin:0 auto; overflow:hidden;}
.history #section0{width:100%}
.history #section0 .inner .history_box .list_box .now_box{position:relative;padding:20px 0 90px; width:200px; margin:0 auto;}
.history #section0 .inner .history_box .list_box .now_box>img{position:relative;z-index:2}
.history #section0 .inner .history_box .list_box .now_box:after{content:'';display:block;position:absolute;top:220px;left:100px;width:1px;height:9999px; background:url(../../img/dot_11.gif) 0 0 repeat-y;z-index:1}
.history #section0 .inner .history_box .list_box .history_list{position:relative;padding-bottom:100px;border-bottom:1px solid #000;z-index:3; }
.history #section0 .inner .history_box .list_box .history_list li dl{position:relative}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding-bottom:15px;font-size:45px;color:#000; font-family:"Metropolis-ExtraBold";font-weight:bold;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 12px;font-size:16px;line-height:22px;color:#010101; }
.history #section0 .inner .history_box .list_box .history_list li dl img {width:100%;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{content:'';display:block;position:absolute;top:11.5px;left:0;width:3px;height:3px;background:#000}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{margin-top:15px;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none}
.history #section0 .inner .history_box .list_box .history_list li:first-child{margin-top:0 !important}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:-130px 0 0 50%}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding-left:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after{content:'';display:block;width:127px;height:13px;position:absolute;top:15px;left:-6px;
background:url(../../img/list_line_right.gif) 0 0 no-repeat}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:-130px 48.2% 0 0;text-align:right}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding-right:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:right}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{content:'';display:block;width:128px;height:13px;position:absolute;top:15px;right:-6px;
background:url(../../img/list_line_left.gif) 0 0 no-repeat}
@media screen and (max-width:1200px) {
.history_list {padding-left:6px;}
.history #section0 .inner{width:100%;}
.history #section0 .inner .history_box .list_box .now_box{ margin:0; text-align:left; width:300px; }
.history #section0 .inner .history_box .list_box .now_box img{position:relative;z-index:2; width:230px; }
.history #section0 .inner .history_box .list_box .now_box:after{top:46px;left:6px;}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding:0 0 10px 10px;font-size:29px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 20px;font-size:13px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{margin:10px 0 20px 0;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{ top:10px;left:12px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{ padding:10px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{left:-3px; height:10px; background:url(../../img/dot_c.gif) 0 3px no-repeat; background-size:7px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:0;text-align:left; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding:0px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:left}
}




/********** µðÀÚÀÎÆäÀÌÁö3 style *********/
/* ȸ»ç¼Ò°³ - ÀÎÁõ¼­  */
.certificate {max-width:1200px; margin:0 auto; text-align:center; }
.certificate_txt {width:100%; max-width:1030px; margin:0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block;  padding:10px 0; text-align:center; border:1px solid #DFDFDFE; background:#F7F7F7; font-size:13px; color:#000;}
.certificate ul {max-width:1200px; margin:20px auto; text-align:center;}
.certificate ul li {display:inline-block; width:220px; vertical-align:top; margin:0 20px 40px 20px; border:1px solid #DEDEDE; }
.certificate ul li a,.certificate ul li a p {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.certificate ul li a:hover {display:inline-block; width:220px; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
.certificate ul li p  {display:block; border-top:1px solid #DFDFDFE;  padding-top:15px; line-height:120%; text-align:center; color:#000; font-weight:600; font-size:15px;}
.certificate ul li p  span {display:block; line-height:120%; padding:5px 0 15px 0; font-size:11px; color:#898989;}
.certificate ul li a:hover p {background:#900D0D; color:#fff;}
.certificate ul li a:hover p span  {color:#fff;} 
@media screen and (max-width:1200px) {
.certificate_txt {width:90%; margin:0 5%;}
.certificate_txt {font-size:11px;}
.certificate_txt  img {width:25px;}
}
/********** ¿À½Ã´Â±æ ±¸±Û¸Ê ¿¬µ¿ *********/
/* ȸ»ç¼Ò°³ - ¿À½Ã´Â±æ */
.location,.location .location_txt,.location .location_map,.root_daum_roughmap,.location_map iframe  {width:100%;}  
 
.list_img {margin:30px auto; background:#eee; width:100%;}
.list_img ul { padding:10px;}
.list_img ul li {width:31.3333%; margin:1%; background:#fff; float:left; }
.list_img ul:after, .list_img dl:after {content:"";display:block;clear:both;} 
.list_img dl dt {background:#C5C5C5; width:20%; float:left; text-align:center; padding:5px 0;}
.list_img dl dd {width:76%; float:left; padding:10px 2% 0 2%;}
.list_img dl dd span {font-size:15px; color:#000; display:block;  font-family:"Metropolis-ExtraBold";font-weight:bold;}
.list_txt ul { padding-top:10px;}
.list_txt ul li {width:100%;  }
.list_txt dl dt {width:100%; font-size:17px;  font-family: 'GmarketSansMedium';  padding-bottom:4px;} 
.list_txt dl dd {width:100%; font-size:15px; margin-bottom:20px;  padding-bottom:20px;  border-bottom:1px solid #eee;}
 
/* ¸ð¹ÙÀÏ */
@media screen and (max-width:1000px) {
.list_img dl dt img {width:40px; padding:10px 0;}
.list_img ul li {width:100%; margin:3px 0%;}
.list_txt dl dt { font-size:15px;}
.list_txt dl dd {font-size:13px;}
}

/********** µðÀÚÀÎÆäÀÌÁö5 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß1  */
.con_style1 {background:#F5F5F5; border:1px solid #E1E2E1; margin-bottom:30px;}
.con_style1 dl dt {width:50%;}
.con_style1 dl dt img {width:88%; padding:6%;}
.con_style1 dl dd {width:44%; padding:3%;}
.con_style1 dl dd h4 span {display:block; font-size:70px; color:#E4E4E4; line-height:100%;  font-family:"Metropolis-ExtraBold", 'GmarketSansBold' ;font-weight:bold; }
.con_style1 dl dd h4 {font-size:29px;color:#900D0D; padding-bottom:20px;  font-family: 'GmarketSansBold'; }
.con_style1 dl dd p.d_t01 { line-height:130%;font-size:17px; margin:0 0 10px 0;   }
.con_style1 dl dd p.d_t02 { font-size:15px;margin:0 0 30px 0; opacity:0.8; }
.con_style1 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}
.con_style1 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
@media screen and (max-width:1000px) {
.con_style1 {max-width:700px; margin:0 auto; }
.con_style1 dl dt {width:100%;}
.con_style1 dl dd {width:88%; padding:0 6% 6% 6%;}
.con_style1 dl dd h4 span {d font-size:40px; }
.con_style1 dl dd h4 {font-size:21px;}
.con_style1 dl dd p.d_t01 {font-size:15px; }
.con_style1 dl dd p.d_t02 {font-size:13px;}
}

/********** µðÀÚÀÎÆäÀÌÁö6 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß2  */
.business_box { position:relative; width:100%;}
.business_box ul {width:100%;}
.business_box ul li {width:30.333%; padding:1.5%; float:left;}
.business_box ul li:after {content:"";display:block;clear:both;}
.business_box ul li dl {background:#F5F5F5; border:1px solid #E1E2E1;  min-height:350px; padding:20px; }
.business_box ul li h4 span {padding-right:10px; font-size:50px; color:#E4E4E4; line-height:100%;  font-family:"Metropolis-ExtraBold"; font-weight:bold; }
.business_box ul li h4 {font-size:27px;color:#000;  padding:20px 0 10px; border-bottom:1px solid #E1E2E1;  font-family: 'GmarketSansBold';  }
.business_box ul li a dl,.business_box ul li a dl img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.business_box ul li a:hover dl img {opacity:0.7;}
.business_box ul li a:hover dl {box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
.business_box ul li p {font-size:15px; text-align:left; padding:20px 0; min-height:100px;}
.business_box ul li dt {width:100%;}
.business_box ul li dd {width:100%;}
.business_box ul li img {width:100%;}
 
@media screen and (max-width:1000px) {
.business_box  {max-width:700px; margin:0 auto;}
.business_box ul li {width:100%; padding:10px 0;}
.business_box ul li h4 span {padding-right:10px; font-size:40px;  }
.business_box ul li h4 {font-size:21px; }
.business_box ul li p {font-size:13px;}
}
/********** µðÀÚÀÎÆäÀÌÁö7 style *********/
/* »ç¾÷ºÐ¾ß- »ç¾÷ºÐ¾ß3  */
 
/* ÀýÂ÷ºÎºÐ  */
.process {width:100%; margin-bottom:50px;}
.process ul{max-width:1150px; margin:20px auto;  }
.process ul li {float:left; display:inline-block; width:160px; padding-right:30px; background:url(../../img/arrow.png) no-repeat right 40px; text-align:center;}
.process ul li:last-child {padding:0; background:none;}
.process ul li .pro_img {display:inline-block;  width:120px; height:120px; text-align:center; background:#999999; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.process ul li .pro_img img {padding-top:30px;}
.process ul li p span {font-size:40px; line-height:100%; color:#E4E4E4; display:block;  font-family:"Metropolis-ExtraBold"; font-weight:bold; }
.process ul li p {font-size:17px;  line-height:100%; font-family: 'GmarketSansMedium';  padding-top:15px;}
@media screen and  (max-width:1300px) {
.process ul{max-width:900px;  }
.process ul li { width:130px; padding-right:20px;  background-position:right 30px; background-size:25px;}
.process ul li .pro_img {width:90px; height:90px;}
.process ul li .pro_img img {padding-top:30%; width:40px;}
.process ul li p span {font-size:30px; }
.process ul li p {font-size:15px;}
}
 
@media screen and  (max-width:960px) {
.process ul{max-width:700px;}
.process ul li {width:100px; background-position:right 25px; padding-bottom:30px;}
.process ul li .pro_img {width:75px; height:75px;}
.process ul li p {font-size:13px;}
}
@media screen and  (max-width:767px) {
.process ul{max-width:300px;}
.process ul li {width:73px; background-position:right 25px; background-size:16px;}
.process ul li .pro_img {width:68px; height:68px;}
.process ul li .pro_img img {width:30px;}
}
/* ÇÏ´Ü ¼³¸íºÎºÐ */
.pro_txt {margin-bottom:30px; background:#eee; padding:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.pro_txt dl {border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;  margin-bottom:10px; background:#fff; }
.pro_txt dl:after {content:"";display:block;clear:both;}
.pro_txt dt {background:#900D0D;  color:#fff; float:left; display:inline-block; font-family: 'GmarketSansMedium';  width:16%; text-align:center; font-size:17px;  padding:13px 1%; margin:15px 1%; font-weight:900; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.pro_txt dd {float:left; display:inline-block; width:80%; margin-top:15px; text-align:left; } 
.pro_txt dd p {line-height:160%; font-size:15px; padding-left:10px; } 
.pro_txt dd p span{font-size:15px; font-weight:bold; color:#900D0D; } 
@media screen and  (max-width:767px) {
.pro_txt dl {padding:10px;}
.pro_txt dt,.pro_txt dd {float:none; display:block;  width:98%; padding:1%; margin:0;}
.pro_txt dt {font-size:15px; } 
.pro_txt dd p,.pro_txt dd p span {font-size:13px; padding:0px;} 
}


.pro_txt1 {margin-bottom:30px; background:#eee; padding:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.pro_txt1 dl {border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;  background:#fff; }
.pro_txt1 dl:after {content:"";display:block;clear:both;}
.pro_txt1 dt {background:#900D0D;  color:#fff; float:left; display:inline-block; font-family: 'GmarketSansMedium';  width:16%; text-align:center; font-size:17px;  padding:13px 1%; margin:15px 1%; font-weight:900; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.pro_txt1 dd {float:left; display:inline-block; width:80%; margin:15px; text-align:left; } 
.pro_txt1 dd p {line-height:160%; font-size:15px; padding-left:10px; } 
.pro_txt1 dd p span{font-size:15px; font-weight:bold; color:#900D0D; } 
@media screen and  (max-width:767px) {
.pro_txt1 dl {padding:10px;}
.pro_txt1 dt,.pro_txt dd {float:none; display:block;  width:98%; padding:1%; margin:0;}
.pro_txt1 dt {font-size:15px; } 
.pro_txt1 dd p,.pro_txt dd p span {font-size:13px; padding:0px;} 
}


/********** µðÀÚÀÎÆäÀÌÁö8 style *********/
/* »ç¾÷ºÐ¾ß- È«º¸¿µ»ó  */
.movie {width:100%; text-align:center; }
.movie h4 {font-family:"Metropolis-ExtraBold","NotoSansKR";  font-size:15px;  display:block;   width:100%; /*background:url(../../img/movie_top.png) center 0 no-repeat;*/ color:#fff; margin-top:40px; padding-top:50px; height:100px;}
#s{background:url(../../img/s.png) center 0 no-repeat;}
#c{background:url(../../img/r.png) center 0 no-repeat; margin-top:100px;}
#f{background:url(../../img/f.png) center 0 no-repeat;}
#tak{background:url(../../img/t.png) center 0 no-repeat;}
#h{background:url(../../img/h.png) center 0 no-repeat;}
#d{background:url(../../img/d.png) center 0 no-repeat;}
.movie h4 span {font-family:"Metropolis-ExtraBold","NotoSansKR"; font-weight:bold;  font-size:40px; letter-spacing:-0.05em; display:block; color:#000;  line-height:110%}
.movie iframe {border:20px solid #000; width:94%; height:700px; margin:0 auto;}
@media screen and (max-width:1000px) {
.movie h4 {font-size:13px; background-size:180px; margin-top:20px; padding-top:20px; height:60px;}
.movie h4 span {font-size:30px;}
.movie iframe {border:10px solid #000;  height:220px; margin:0 auto;}
}
 /********** µðÀÚÀÎÆäÀÌÁö9 style *********/
/* ä¿ë¾È³» - ÀÎÀç»ó */
.circle_box { position:relative; width:100%;}
.circle_box ul {width:100%;}
.circle_box ul li {width:30.333%; padding:0 1.5%; float:left;}
.circle_box ul li:after {content:"";display:block;clear:both;}
.circle_box ul li dl {padding:20px;}
.circle_box ul li h4 {font-size:27px;color:#000; text-align:center; font-family: 'GmarketSansMedium';  padding:20px 0 10px; border-bottom:1px solid #E1E2E1; font-weight:bold; }
.circle_box ul li a dl,
.circle_box ul li a dl img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.circle_box ul li a:hover dl img {opacity:0.7;}
.circle_box ul li p { font-size:15px; padding:20px 0;}
.circle_box ul li dt {width:100%;  }
.circle_box ul li dd {width:100%;}
.circle_box ul li dt img {width:100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
 
@media screen and (max-width:1000px) {
.circle_box  {max-width:700px; margin:0 auto;}
.circle_box ul li {width:100%; padding:10px 0;}
.circle_box ul li h4 {font-size:21px; }
.circle_box ul li p {font-size:13px;}
}
/* ä¿ë¾È³» - º¹¸®ÈÄ»ý */
.con_style5 {margin-bottom:100px;}
.con_style5 dl dt {width:50%;}
.con_style5 dl dt img {100%;}
.con_style5 dl dd {width:43%;}
.con_style5 dl dd p{line-height:160%; font-size:17px; margin-bottom:25px;   }
.con_style5 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}
.con_style5 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
@media screen and (max-width:1000px) {
.con_style5 {max-width:700px; margin:0 auto; }
.con_style5 dl dt {width:100%;}
.con_style5 dl dd {width:100%; margin-bottom:30px;}
.con_style5 dl dd p {font-size:13px;}
}
/* ä¿ë¾È³» - ¸ðÁýºÐ¾ß */
/* Å×À̺í */
/* ÃÊ·Ï»ö Æ÷ÀÎÆ® Ä÷¯ º¯°æ*/
.tstyle_common thead th{background:#900D0D;}
.tstyle_common td span {color:#900D0D; }
/* »ó´Ü Ç׸ñ¹Ù ¾ø´Â Å×À̺í */
.tstyle_02 {border-top:2px solid #8F8E8E; }
.tstyle_02 tr th {background:#F3F3F3; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-bottom:solid 1px #fff; }
/* Å×ÀÌºí °øÅë */
.tstyle_common{border-bottom:2px solid #8F8E8E;   margin:10px auto 40px auto; }
.tstyle_common thead th{ padding:15px;   color:#fff; font-weight:600; font-size:15px; text-align:center; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.tstyle_common tbody th{text-align:center; font-size:15px; border-bottom:solid 1px #9D9C9C; font-weight:600;border-right:2px solid #fff; }
.tstyle_common td{  padding:20px;  font-size:15px; border-bottom:solid 1px #D1D1D1;  text-align: center;  }
.tstyle_common td span {  font-size:15px; font-weight:600;}
.tstyle_common caption {font-size:0; line-height:0;}
@media screen and (max-width:1000px) {
/* Å×ÀÌºí °øÅë */
.tstyle_common thead th{padding:10px; font-size:13px; }
.tstyle_common tr th{ font-size:13px;  }
.tstyle_common td{  padding:10px;  font-size:11px;   }
.tstyle_common td span {  font-size:11px;}
}
/* ¶³¾îÁö´Â ·¹À̾î*/
.faq_box {border:1px solid #ddd; background:#fff;padding:20px 30px 0 30px;margin-bottom:5px;cursor:pointer; margin-top:10px; }
.faq_box.on {background:#f8f8f8;}
.faq_box .qustion {position:relative;}
.faq_box .qustion a {display:block; position:relative;font-size:19px;color:#000; font-weight:400; padding-bottom:8px; }
.faq_box .qustion a span.icon_q {vertical-align:middle; margin-right:5px; background:#000; display:inline-block; width:25px; text-align:center; height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.faq_box .qustion a span.icon_q img {width:15px;  vertical-align:middle; }
.faq_box.on .qustion a { display:block;position:relative;font-size:19px;color:#ED0000;padding-bottom:18px;}
.faq_box .answer {background:url(../img/icon_a.png) no-repeat right bottom;  display:none;padding:15px 0px;border-top:1px solid #dedede;  }
.faq_box .answer p {font-size:15px;color:#666;line-height:160%; padding-bottom:7px;}
.faq_box .answer h4 {  font-size:16px;  color:#000; padding:10px 0 10px 0;  }
.faq_box .answer ul {background:#fff; padding:20px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; margin-bottom:20px; }
.faq_box .answer ul li {border:none; padding:12px 0 10px 10px;font-size:14px;  margin-top:0px; background:url(../img/dot_1.gif) no-repeat 0 16px; border-bottom:1px solid #eee;} 
 .faq_box .an{background:url(../../img/cc.png)no-repeat right bottom !important; }
@media screen and (max-width:1000px) {
.faq_box {padding:10px 10px 0 10px;}
.faq_box .qustion a {font-size:15px; }
.faq_box .qustion a span.icon_q {width:22px; height:22px;}
.faq_box.on .qustion a {font-size:15px;}
.faq_box .answer {  display:none;padding:15px 0px; }
.faq_box .answer p {font-size:11px;line-height:140%;}
.faq_box .answer h4 {  font-size:13px; }
.faq_box .answer ul {padding:10px; margin-bottom:10px; }
.faq_box .answer ul li {padding:12px 0 10px 10px;font-size:11px;} 
  
}
/********** µðÀÚÀÎÆäÀÌÁö12 style *********/
/* °í°´¼¾ÅÍ - ÀÚÁÖ¹¯´Â Áú¹®  */
/* ¶³¾îÁö´Â ·¹À̾î*/
.faq_box {border:1px solid #ddd; background:#fff;padding:20px 30px 0 30px;margin-bottom:5px;cursor:pointer; margin-top:10px; }
.faq_box.on {background:#f8f8f8;}
.faq_box .qustion {position:relative;}
.faq_box .qustion a {display:block; position:relative;font-size:19px;color:#000; font-weight:400; padding-bottom:8px; }
.faq_box .qustion a span.icon_q {vertical-align:middle; margin-right:5px; background:#000; display:inline-block; width:25px; text-align:center; height:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.faq_box .qustion a span.icon_q img {width:15px;  vertical-align:middle; }
.faq_box.on .qustion a { display:block;position:relative;font-size:19px;color:#900D0D;padding-bottom:8px;}
.faq_box .answer {background:url(../../img/icon_a.png) no-repeat right bottom;  display:none;padding:15px 0px;border-top:1px solid #dedede;  }
.faq_box .answer p {font-size:15px;color:#666;line-height:160%; padding-bottom:7px;}
.faq_box .answer h4 {  font-size:16px;  color:#000; padding:10px 0 10px 0;  }
.faq_box .answer ul {background:#fff; padding:20px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; margin-bottom:20px; }
.faq_box .answer ul li {border:none; padding:12px 0 10px 10px;font-size:14px;  margin-top:0px; background:url(../../img/dot_1.gif) no-repeat 0 16px; border-bottom:1px solid #eee;} 
 
@media screen and (max-width:1000px) {
.faq_box {padding:10px 10px 0 10px;}
.faq_box .qustion a {font-size:15px; }
.faq_box .qustion a span.icon_q {width:22px; height:22px;}
.faq_box.on .qustion a {font-size:15px;}
.faq_box .answer {  display:none;padding:15px 0px; }
.faq_box .answer p {font-size:11px;line-height:140%;}
.faq_box .answer h4 {  font-size:13px; }
.faq_box .answer ul {padding:10px; margin-bottom:10px; }
.faq_box .answer ul li {padding:12px 0 10px 10px;font-size:11px;} 
  
}
/* °øÅë ¸®½ºÆ®*/
.list_01 {width:100%; }
.list_01 ul li {font-size:15px; padding-left:8px; background:url('../../img/dot_1.gif') 0 9px no-repeat; display:block;} 
@media screen and (max-width:1000px) {
.list_01 ul li {font-size:11px; padding-left:6px; background:url('../../img/dot_1.gif') 0 7px no-repeat;} 
}




#main_box{display: flex; justify-content:center;}
#main_box .menu_product{display: flex; flex-direction: row; flex-wrap: wrap; justify-content :flex-start; gap: 40px 60px; background-color:#fff; width:74vw;}
.menu_product li{width:22vw; height: 18vw; background: url(../../img/back.jpg) 0 0 no-repeat; cursor:pointer; background-size: cover; background-position:center;}
.pic_box{text-align:center; padding:10% 0 0;}
.title{text-align:center; font-size: 20px; font-weight:bold; width: 90%; margin:auto;}
#menu_product_bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); z-index:9999; display:none;}
#menu_product_pop{position: fixed; top: 50%; left: 50%; width: 1000px; height: 400px; margin-left: -500px; margin-top: -200px; z-index: 9999999;  background: url(../../img/backk.jpg) 0 0 no-repeat; background-size: cover; background-position:center; display:none;}
.pop_close{position: absolute; top: 13px; right:10px; background-color:#a79169; width:30px; height:30px;}
.menu_product .pic_box img{width:80%}

#menu_product_pop .info_box h3 {width: 90%; font-size: 40px; line-height: 52px; margin:auto;}
#menu_product_pop .info_box .txt {font-size: 18px; line-height:32px; margin: 20px auto 0; width:90%;}
#menu_product_pop .pic_box{width: 45%; float: right; padding: 0; margin-top: 9%;}
#menu_product_pop .info_box{width: 55%; float:left; padding:0; margin-top:10%; text-align:center;}
#menu_product_pop .info_box small{font-size: 30px;}


#tak, #f, #h, #d, #s, #c{margin-top:100px;}

.suce{width: 90%; margin:auto;}
.su{font-size: 24px; text-align: center;}



.home .demo-gallery{padding-bottom: 0 !important;}




.co a{color: #fff !important;}

.red{background:#900D0D !important; border-radius: 10px;}
.red .qustion a{ color:#fff !important;}
.red .answer p{ color:#fff !important;}


.mm{margin:0 5% 0 2.5% !important;}


.mmm{margin-left:2.5% !important;}



.lg-flip-ver, .lg-flip-hor, .lg-rotate-right, .lg-rotate-left, #lg-actual-size, #lg-share{display:none;}


@media screen and (max-width:1500px) {




#main_box .menu_product{ width:75vw;}













}

@media screen and (max-width:1400px) {


.menu_product .pic_box img{width:80%}
#main_box .menu_product{ width:77vw;}


}




@media screen and (max-width:1377px) {






.an p iframe{width: 50% !important;}




}






@media screen and (max-width:1170px) {






.an p iframe{width: 44% !important;}




}

@media screen and (max-width:1091px) {




#main_box .menu_product{width: 78vw;}


}


@media screen and (max-width:1037px) {



.an p iframe{width: 44% !important; float: right;}
.mm {margin:0!important;}



}





@media screen and (max-width:1000px) {
#main_box .menu_product{width: 73vw;}

.menu_product li{width:33vw; height: 27vw; }
.menu_product .pic_box img{width:70%}
#menu_product_pop{width:80%; height:44vw; margin-left:-40%; background: url(../../img/backk800.jpg)0 0 no-repeat; background-size: cover;}
#menu_product_pop .info_box{width:100%; margin-top:2%;}
#menu_product_pop .pic_box{width:100%; margin-top:5%;}
#menu_product_pop .pic_box img{width:42%; }
}



@media screen and (max-width:872px) {




.an p img{width:100%;}

.an p iframe{width: 100% !important; float: right;}
.mm {margin:0!important;}



}


@media screen and (max-width:857px) {






#main_box .menu_product{width:74vw;}






}

@media screen and (max-width:800px) {


#menu_product_pop .pic_box{width: 100%; margin-top:6%; }
#menu_product_pop .info_box{width: 100%; margin-top:0.5vw;}
#menu_product_pop{background: url(../../img/backk800.jpg)0 0 no-repeat; background-size: cover; height:49vw; width: 90%; margin-left:-45%}
#menu_product_pop .pic_box img{width:42%;}
#menu_product_pop .info_box h3{font-size: 30px; line-height:40px;}
#menu_product_pop .info_box .txt{line-height:20px;}

.area h4.common span{font-size: 18px;}


}




@media screen and (max-width:750px) {




#main_box .menu_product{width:75vw;}


}

@media screen and (max-width:730px) {




#main_box .menu_product{width: 75vw;}


}


@media screen and (max-width:700px) {
#main_box .menu_product{gap: 40px 50px;}
#menu_product_pop .info_box h3{font-size: 30px; line-height:30px;}
#menu_product_pop .info_box .txt{margin-top:10px;}





}
@media screen and (max-width:556px) {




#main_box .menu_product{width: 76vw;}






}

@media screen and (max-width:500px) {
.busi .box01 .tit p{letter-spacing: -2px;}
.menu_product li{width:40vw; height: 32vw;}
#menu_product_pop{top:65%; background: url(../../img/backk500.jpg)0 0 no-repeat; background-size: contain; height:59vw;}
#main_box .menu_product {
    width: 84vw;
    gap: 20px 18px;
}
.pic_box{padding: 5% 0 0;}
.title{font-size:13px; line-height: 15px;}
#menu_product_pop .pic_box img{width: 55%;}

#menu_product_pop .info_box h3{font-size:16px; line-height:35px;}
#menu_product_pop .pic_box {margin-top: 8%;}
/*#menu_product_pop .info_box .txt{font-size:12px; line-height:16px; margin-top:0px; width: 80%; margin:auto;}*/
#menu_product_pop .info_box .txt{display:none;}
#menu_product_pop .info_box{margin-top:1.5vw; }
#tak, #c, #f, #s, #d, #h {margin-top:50px;}


.demo-gallery > ul {gap: 15px 15px !important;}
.demo-gallery > ul > li{width:20vw !important;}



.lg-toolbar {top: 8% !important;}


.area{margin: 0 auto 50px;}

.m_none{display:none;}

.ceo_01 h4{letter-spacing: -2px;}
.guide ul li:last-child{padding-bottom: 0;}
.form_con, .form_con h4 span h4{font-size: 18px; letter-spacing:-1px;}




.tnstj ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 30px;
}
.tnstj ul li{

    padding: 0 !important;
    background-position: 0 !important;

}

.pro_txt1 dd{margin: 0;}


.ceo_01 p{text-align:justify; letter-spacing: -1px;}
.form_con h4, .form_con h4 span{ font-size: 18px !important;}
.form_con h4{background-position: 0 !important;}

.form_con p, .pro_txt dd p, .con_style1 dl dd p.d_t02{text-align: justify; letter-spacing: -1px;}
#subVisualCon .prd-visual-tit{font-size: 20px;}

.mm{ margin:0 !important;}
.an p iframe{width: 100% !important; height:210px;}
.red .answer p{line-height:38px;}




.form_style textarea{letter-spacing: -1px; height: auto !important;}

.agreement{letter-spacing: -1px; }



}














@media screen and (max-width:450px) {






#main_box .menu_product{gap: 20px 17px;}






}


@media screen and (max-width:425px) {






#main_box .menu_product{gap: 20px 16px;}






}


@media screen and (max-width:400px) {






#main_box .menu_product{gap: 20px 15px;}






}
@media screen and (max-width:375px) {




#main_box .menu_product{gap: 20px 14px;}


}
@media screen and (max-width:350px) {




#main_box .menu_product{gap: 20px 13px;}


}
@media screen and (max-width:325px) {




#main_box .menu_product{gap: 20px 12px;}


}
@media screen and (max-width:300px) {




#main_box .menu_product{gap: 20px 11px;}


}