/*****************************************************************

		Copyright C 다온테마 All rights reserved. 
		daontheme@daum.net
		본 페이지는 유료컨텐츠 다온테마용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 
		라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');


html{overflow-y:scroll;}
body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{margin:0;padding:0; font-size:15px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:0em;}
font{margin:0;padding:0; font-size:15px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:0em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none;}
a:active, a:visited, a:hover{text-decoration:none;}
/*a:hover{ color:#00529B;}*/
strong{font-weight:500;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.lview{}
.sview{display:none;} 
.mview{display:none;}
.ssview{display:none;}


.fc_pointer {color:#da291c;}

.pT10 {padding-top:10px;}
.pT15 {padding-top:15px;}
.pT20 {padding-top:20px;}
.pT30 {padding-top:30px;}
.pT40 {padding-top:40px;}
.pT50 {padding-top:50px;}



#mobile_header {width:100%; position:fixed; top:0; left:0; height:60px;  line-height:60px; border:0px solid red; z-index:99999; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:none;}
#mobile_header h1 { width:220px; padding-top:10px; text-align:center; margin:0 auto; }
#mobile_header h1 img { height:40px; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#fff;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#fff; }
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
#sideMenu {display:inline; position:absolute; top:0; left:-250px; width:249px; height:100%; background-color:#fff; z-index:99999;}
#sideMenu .side_title{height:60px; line-height:60px; background-color:#fff; color:#B5975B; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;}
#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer; text-transform:uppercase; font-size:0.9em;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#178AD3; }




#header_wrap{width:100%;  position:relative; top:0px; left:0;  z-index:500 !important; border-bottom:1px solid #ddd; height:100px;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#header_logo{float:left; display:inline-block; margin:0px auto; margin-top:25px;}
/*#header {width:100%; max-width:1200px; margin:0 auto; height:100px; border:0px solid red;}*/


#lnb {position:relative;  float:right; right:0px; line-height:100px !important; background:none;  }
#lnb .lnb_wrap { position:relative; text-align:left;}
#lnb .lnb_wrap > ul > li {display:inline-block; position:relative; }
#lnb .lnb_wrap > ul > li > a { display:block; width:100%;  padding:0 22px; font-size:1.2em; font-weight:400; color:#000; height:100px; line-height:100px; text-transform:uppercase; letter-spacing:0.05em;}
#lnb .lnb_wrap > ul > li:last-child > a {padding-right:0px;}
#lnb .lnb_wrap > ul > li:hover > a { color:#178ad3; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_sub {position:absolute; top:100px; left:0; width:160px; text-align:left; background:rgba(0, 0, 0, 0.8); margin:0; padding:0; margin-left:25px; display:none;}
#lnb .lnb_sub li {border-bottom:0px solid #333; height:40px; line-height:40px; }
#lnb .lnb_sub li a { display:block; color:#fff; padding:0; margin:0; height:40px; text-indent:15px; line-height:40px; font-size:0.9em; letter-spacing:-0.5px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_sub li a:hover { display:block; color:#178ad3; font-weight:400; }



#container {position:relative; width:100%; margin:0; padding:0; z-index:1; background:#fff; margin-top:0px;}



#main_visual{text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:640px; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide div.backgroundimg1{width:100%; height:100%; }
#main_visual .swiper-slide div.backgroundimg2{width:100%; height:100%; }
#main_visual .swiper-slide div.backgroundimg3{width:100%; height:100%; }
#main_visual .sliderkit-text {width:100%; max-width:1200px; border:0px solid red; position:absolute; bottom:39%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; }
#main_visual .sliderkit-text h1.lviewa{font-size:4.5em;  color:#fff; line-height:1em; font-weight:500; text-shadow: 0px 1px 4px #000; padding-bottom:10px; text-transform:uppercase; }
#main_visual .sliderkit-text span{display:inline-block; height:44px; line-height:44px;padding:0 100px; margin:15px auto; background:none; }
#main_visual .sliderkit-text span h2{ font-weight:500; line-height:44px; font-size:1.8em; color:#fff;  letter-spacing:0em; text-shadow: 0px 1px 4px #000; }
#main_visual .sliderkit-text span h2.pp{ font-weight:500; line-height:44px; font-size:2.5em; color:#fff;  letter-spacing:0em; text-shadow: 0px 1px 4px #000; }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; display:block;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; display:block;}


#portfolio_wrap {width:100%; padding-top:100px; padding-bottom:100px;  margin:0 auto; overflow:hidden;}
#portfolio_wrap:after{ content:""; display:block; clear:both;}
#portfolio_wrap .portfolio_tit{ width:100%; max-width:1200px; margin:0px auto; padding-bottom:20px;}
#portfolio_wrap .portfolio_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#000; font-weight:700; padding:0 10px; margin:0px auto; text-transform:uppercase; letter-spacing:0.05em;}
#portfolio_wrap .portfolio_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#portfolio_wrap .portfolio_area {width:100%; max-width:1200px; margin:0 auto; border:0px solid red;}
#portfolio_wrap .portfolio_area:after {display:block; clear:both; content:'';}
#portfolio_wrap .portfolio_area ul li {float:left; border:1px solid red; width:30.633333%; height:100%; margin-right:4%; padding:0; margin-top:0; margin-bottom:4%; text-align:center; border:1px solid #ddd; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
#portfolio_wrap .portfolio_area ul li:nth-child(3n){margin-right:0;}
#portfolio_wrap .portfolio_area ul li:hover {border:1px solid #000; }
#portfolio_wrap .portfolio_area ul li img {width:100%; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
#portfolio_wrap .portfolio_area ul li:hover img {-webkit-filter: grayscale(100%); filter: gray;}
#portfolio_wrap .portfolio_area ul li .summary { width:100%; margin:0 auto; text-align:center; background-color:#e1e1e1; padding:20px; transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
#portfolio_wrap .portfolio_area ul li .summary .name {line-height:1.2em; font-size:1.5em; font-weight:500; height:25px; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden}
#portfolio_wrap .portfolio_area ul li .summary .sname {color:#6b6b6b; font-size:1em; letter-spacing:0em; border:0px solid red;}
a.bta{width:120px; height:40px; line-height:40px; border-radius:40px; display: block; margin:0 auto; padding:0px; color: #fff; background-color:#8c8c8c; font-size:1.12em; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
a.bta:hover{color: #fff; background:#178AD3;}


#webservice_wrap {width:100%; padding-top:100px;  padding-bottom:100px; margin:0 auto; overflow:hidden; background-color:#e9e9e9;}
#webservice_wrap:after{ content:""; display:block; clear:both;}
#webservice_wrap .webservice_tit{ width:100%; max-width:1200px; margin:0px auto; padding-bottom:20px;}
#webservice_wrap .webservice_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#000; font-weight:700; padding:0 10px; margin:0px auto; text-transform:uppercase;  letter-spacing:0.05em;}
#webservice_wrap .webservice_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#webservice_wrap .webservice_area {width:100%; max-width:1200px; margin:0 auto; text-align:center;}
#webservice_wrap .webservice_area:after {display:block; clear:both; content:'';}
#webservice_wrap .webservice_area ul li {display:inline-block;  width:32%; height:100%; margin:0; padding:0; text-align:center; background:none; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
#webservice_wrap .webservice_area ul li .img {width:100%;  overflow:hidden; border:0px solid red;}
#webservice_wrap .webservice_area ul li .img img {width:100%; max-width:260px; border:1px solid #e9e9e9; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;border-radius:50%;}
#webservice_wrap .webservice_area ul li:hover .img img {border:1px solid #000;}
#webservice_wrap .webservice_area ul li .summary {position:relative; z-index:10;  left:0; top:0px; width:100%; margin:0 auto;  padding:10px 0px;  border-radius:10px; transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
#webservice_wrap .webservice_area ul li .summary .name {height:50px; line-height:50px; color:#000; font-size:1.6em; text-transform:uppercase;}
#webservice_wrap .webservice_area ul li .summary .sname {padding-bottom:20px; color:#6b6b6b; font-size:0.9em; letter-spacing:0em; }


#request_wrap {width:100%; padding-top:100px;  padding-bottom:100px; margin:0 auto; overflow:hidden; background-color:#3b3b3b;}
#request_wrap:after{ content:""; display:block; clear:both;}
#request_wrap .request_tit{ width:100%; max-width:1200px; margin:0px auto; padding-bottom:20px;}
#request_wrap .request_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#fff; font-weight:700; padding:0 10px; margin:0px auto; text-transform:uppercase;  letter-spacing:0.05em;}
#request_wrap .request_tit span { display:block; text-align:center; font-size:1.15em; color:#a6a6a6;  padding:0 10px; margin:10px 0 20px 0;}
#request_wrap .request_tit div { display:block; text-align:center; font-size:1.25em; color:#fff;  padding:0 10px; margin:10px 0 20px 0;}
#request_wrap .request_tit div a{ color:#ffb700;  }
#request_wrap .request_area {width:95%; max-width:1200px; margin:0 auto; text-align:center;}
#request_wrap .request_area .form_in{width:100%; max-width:1200px; color:#dfdfdf;   text-align:left; overflow:hidden; padding:10px 0;}
#request_wrap .request_area .form_in input[type=text]{float:left; color:#dfdfdf; background-color:#737373; height:48px; width:49%; line-height:48px; border:0px; text-indent:15px;}
#request_wrap .request_area .form_in input[type=text]:nth-child(2){float:right;}
#request_wrap .request_area .form_in input[type=file]{color:#dfdfdf;}
#request_wrap .request_area .form_in textarea{color:#fff; background-color:#737373; height:150px; width:100%; line-height:25px; border:0px;  text-indent:15px;}
#request_wrap .request_area .form_in span.bnk{display:inline-block; width:25px;}

#request_wrap .request_area button{display:block; margin:0 auto; border:1px solid #fff; height:60px; line-height:60px; color:#fff; padding:0px 40px; background-color:#1e6ec2; border-radius:0px; font-size:1.5em; cursor:pointer; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
#request_wrap .request_area button:hover{background-color:#de5148;}

/*
a.inquiry_btn {display:inline-block; width:200px; padding:8px 0 12px 0; background-color:#1e6ec2; color:#fff; font:bold 14px 'Malgun Gothic', sans-serif;}
a.inquiry_btn:hover {background-color:#de5148; text-decoration:none;}
a.inquiry_btn_2 {display:inline-block; width:200px; padding:8px 0 12px 0; background-color:#bbbbbb; color:#fff; font:bold 14px 'Malgun Gothic', sans-serif; }
a.inquiry_btn_2:hover {background-color:#939393; text-decoration:none;}
*/

#request_wrap .request_area .form_in input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dfdfdf;  opacity: 1; /* Firefox */
}
#request_wrap .request_area .form_in input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #dfdfdf;
}
#request_wrap .request_area .form_in input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
  color: #dfdfdf;
}

#request_wrap .request_area .form_ina{width:100%; max-width:1200px; color:#000;   text-align:left; overflow:hidden; padding:10px 0;}
#request_wrap .request_area .form_ina input[type=text]{float:left; color:#000; background-color:#fff; height:48px; width:49%; line-height:48px; border:0px; text-indent:15px; border:1px solid #ccc;}
#request_wrap .request_area .form_ina input[type=text]:nth-child(2){float:right;}
#request_wrap .request_area .form_ina input[type=file]{color:#000;}
#request_wrap .request_area .form_ina textarea{color:#fff; background-color:#fff; height:150px; width:100%; line-height:25px; border:0px;  text-indent:15px; border:1px solid #ccc;}
#request_wrap .request_area .form_ina span.bnk{display:inline-block; width:25px;}
#request_wrap .request_area .form_ina input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;  opacity: 1; /* Firefox */
}
#request_wrap .request_area .form_ina input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}
#request_wrap .request_area .form_ina input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


#location_wrap {width:100%; padding-top:100px;  margin:0 auto; overflow:hidden; background-color:#178ad3;}
#location_wrap:after{ content:""; display:block; clear:both;}
#location_wrap .location_tit{ width:100%; max-width:1200px; margin:0px auto; padding-bottom:20px;}
#location_wrap .location_tit p { text-align:center; font-size:2.5em;  line-height:50px; color:#fff; font-weight:700; padding:0 10px; margin:0px auto; text-transform:uppercase;  letter-spacing:0.05em;}
#location_wrap .location_tit span { display:block; text-align:center; font-size:1.15em; color:#fff;  padding:0 10px; margin:10px 0 20px 0;}
#location_wrap .location_tit div { display:block; text-align:center; font-size:1.25em; color:#fff;  padding:0 10px; margin:10px 0 20px 0;}
#location_wrap .location_tit div a{ color:#fff;  }
#location_wrap .location_area {width:100%;  margin:0 auto; text-align:center; height:380px; overflow:hidden;}



#footer{ clear:both; width:100%; margin:0; padding-bottom:70px; background:#000;}
#footer:after{ content:""; display:block; clear:both;}

#footer .copy_area{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:30px; }
#footer .copyright_logo{width:100%; text-align:center; padding:0; padding-bottom:15px;}
#footer .copyright{width:100%; text-align:center; padding:0; margin:0 auto;}
#footer .copyright p{width:100%; text-align:center; color:#888; padding-top:0px; font-size:0.9em;}
#footer .copyright p span{ display:inline-block; color:#888; margin-right:15px; font-size:0.9em;}





#sub_visual{position:relative; width:100%; min-width:320px; height:300px; text-align:center;  background-color:#000;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:100%; }
#sub_visual .visual_area {width:100%; max-width:1920px; height:100%; margin:0 auto; }

#sub_wrapper{width:100%; min-width:320px; margin:0 auto;  background:#fff;}
#sub_wrapper:after{ content:""; display:block; clear:both;}

#sub_menu{ position:relative; display:block; width:100%; /*max-width:1200px; */margin:0px auto; background:#f7f7f7; margin-top:0px; border-bottom:1px solid #ddd;} 
#sub_menu .sub_location{ display: block; width:100%; max-width:1200px; height:60px; margin:0 auto;}
#sub_menu .sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: block; }
#sub_menu .sub_location ul li{float:left; position: relative; height:60px; width:200px; border-right:1px solid #ddd;}
#sub_menu .sub_location ul li:last-child{ border-right:0; }
#sub_menu .sub_location ul li a{width:100%; height:60px; line-height:60px; display: block; padding:0px; color: #000; font-size:1.1em; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#sub_menu .sub_location ul li a:hover{color: #fff; background:#ccc;}
#sub_menu .sub_location ul li a.on{color: #fff; background:#178AD3;}

#sub_tit { position:absolute; width:100%; max-width:1200px; margin:0px auto; top:170px; left:50%; margin-left:-620px; border:0px solid red;}
#sub_tit .path { text-align:center;}
#sub_tit .path li { display: inline-block; text-align:center; font-size:2.5em; padding: 0 5px; margin:0; color: #fff;  text-transform:uppercase; display:none;}
#sub_tit .path li:nth-child(2) { display: inline-block; }
#sub_tit .path li a{color: #fff;  }


#scontents{position:relative; width:100%; max-width:1200px; height:100%;  margin:0px auto; padding:30px 0 100px 0;}
#scontents:after{ content:""; display:block; clear:both;}
#scontents .btitle {  display:block; text-align:center; font-size: 3em;  font-weight:500;  margin:0; margin-top:50px; text-transform:uppercase;}
#scontents .bline{  display:block; text-align:center; border:1px solid #000; width:100px; margin:10px auto; }
#scontents .stitle { font-size:1.25em; line-height:28px; text-align:center; color:#333; padding-top:20px; margin-bottom:50px; }


.homepage_icon {position:absolute; right:0; top:0; width:260px; height:260px;  background:url('../image/b1.jpg')no-repeat; }
.homepage_icon div.backgroundimg {width:100%; height:100%; }

.shopping_icon {position:absolute; right:0; top:0; width:260px; height:260px;  background:url('../image/b2.jpg')no-repeat; }
.shopping_icon div.backgroundimg {width:100%; height:100%; }

.mobile_icon {position:absolute; right:0; top:0; width:260px; height:260px;  background:url('../image/b3.jpg')no-repeat;}
.mobile_icon div.backgroundimg {width:100%; height:100%; }



#scontents .innerBox { width:100%; max-width:1200px; margin-top:50px; }
#scontents .innerBox:after { content:""; display:block; clear:both; }

.con_arrow {font-size:1.5em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:15px; height:15px; display:inline-block; border:4px #178ad3 solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}
.con_arrow2 {font-size:1.5em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}



.btn_all {width:100%; text-align:center; margin-top:50px;}
.btn_all:after {clear:both;content:""; display:block;}
.btn_all span { padding:0; margin:0 4px !important;}
.btn_all span.btn_tel{display:inline-block; width:auto; height:60px; line-height:60px; color:#fff; padding:0px 40px; margin:0; background-color:#3b3b3b; border-radius:0px; font-size:1.25em; cursor:pointer; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
.btn_all span.btn_inquiry{display:inline-block; width:auto; height:60px; line-height:60px; color:#fff; padding:0px 40px; margin:0;  background-color:#da291c; border-radius:0px; font-size:1.25em; cursor:pointer; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
.btn_all span.btn_inquiry:hover{background-color:#178AD3;}





.mobile_1{width:100%; min-width:320px; max-width:1200px; margin:50px auto; }
.mobile_1:after {clear:both;content:""; display:block;}
.mobile_1 .inner{ position:relative; width:100%; text-align:center; overflow:hidden;}
.mobile_1 .inner .img_box { width:100%; border:1px solid #ddd; background:#f8f8f8; margin:0 auto; overflow:hidden;}
.mobile_1 .inner .img_box img{ width:100%; }
.mobile_1 .inner .t_list{width:100%; padding:20px 0; color:#fff; background:rgba(0,0,0,.5);}
.mobile_1 .inner .t_list span{display:block; font-size:1.5em; font-weight:700;}
.mobile_1 .inner .con_left{float:left; width:45%;  text-align:center; }
.mobile_1 .inner .con_center {position:absolute; top:34%; left:50%; margin-left:-100px; }
.mobile_1 .inner .con_center p { display:table; width:200px; height:200px; border-radius:100%; background:rgba(0,0,0,.8);  margin:0 auto; }
.mobile_1 .inner .con_center p span{ display:table-cell; vertical-align:middle; font-size:2em; color:#fff; text-align:center; line-height:1.25em;}
.mobile_1 .inner .con_center p span i.sview  {display:none;}
.mobile_1 .inner .con_right{float:right; width:45%; height:;  text-align:center; }
.mobile_1 .inner .con_right .t_list {background:#f89828;}


.mobile_2{width:100%; min-width:320px; max-width:1200px; margin:50px auto; }
.mobile_2:after {clear:both;content:""; display:block;}
.mobile_2 .inner{ position:relative; width:100%; height:600px; text-align:center; overflow:hidden;}
.mobile_2 .inner p { display:table-cell; vertical-align:middle; margin:0 auto; }
.mobile_2 .inner p span{  display:block; font-size:1em; color:#555; text-align:center; line-height:1.5em;}
.mobile_2 .inner .con_left{position:relative; top:45px; left:50px; float:left;  display:table; width:25%; padding:25px 0; text-align:center; background:#fff; border:1px solid #ddd; border-radius:50px; z-index:1;}
.mobile_2 .inner .con_center {position:absolute; top:0; left:0; z-index:0; }
.mobile_2 .inner .con_center .img_box { width:100%;}
.mobile_2 .inner .con_center .img_box img{ width:100%; }
.mobile_2 .inner .con_right{position:relative; top:45px; right:50px; float:right; display:table;  width:25%; padding:25px 0; text-align:center; background:#fff; border:1px solid #ddd; border-radius:50px; z-index:1;}
.mobile_2 .inner_mobile {display:none; }


.mobile_3{width:100%; border-top:1px solid #ebebeb;  margin-bottom:50px; }
.mobile_3:after {clear:both;content:""; display:block;}
.mobile_3 ul {padding:0; margin:0;}
.mobile_3 ul li{ border-bottom:1px solid #ebebeb; overflow:hidden; padding:20px 0; width:50%; float:left; height:180px;}
.mobile_3 dl{ width:100%; padding:0; margin:0;}
.mobile_3 dl dt{ float:left; width:15%;font-size:3em; text-align:center; opacity:0.3; }
.mobile_3 dl dd{ width:85%;float:left; color:#555; word-break:keep-all;}
.mobile_3 dl dd p.tit{ font-size:1.25em; color:#2e3d9d; line-height:1.4em; margin-bottom:10px;}
.mobile_3_step{width:100%;  }
.mobile_3_step:after {clear:both;content:""; display:block;}
.mobile_3_step ul {width:100%; padding:0; margin:0;} 
.mobile_3_step ul li{ display:table; position:relative; float:left; width:32%; height:100px; padding:15px 15px; border:1px solid #ddd; margin-right:2%; margin-bottom:2%; overflow:hidden; }
.mobile_3_step ul li:nth-child(3n) {margin-right:0;}
.mobile_3_step ul li:last-child em {background:#178AD3;}
.mobile_3_step ul li em { position:absolute; left:0; top:0; display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; color:#fff; background:#5d616b; }
.mobile_3_step ul li i{display:table-cell; vertical-align:middle;  width:20%; font-size:1.5em; text-align:center; color:#aaa; }
.mobile_3_step ul li .txt{display:table-cell; vertical-align:middle; width:80%; font-size:1.25em; color:#000; line-height:1.5em; letter-spacing:-0.05em; padding-left:40px;  }




#step_wrap{width:100%;  }
#step_wrap:after {clear:both;content:""; display:block;}
#step_wrap ul {width:100%; padding:0; margin:0;} 
#step_wrap ul li{float:left; width:23.5%; height:270px; text-align:center; padding:15px 15px; border:1px solid #ddd; margin-right:2%; margin-bottom:2%; overflow:hidden; }
#step_wrap ul li:nth-child(4n) {margin-right:0;}
#step_wrap ul li em { display:inline-block; vertical-align:middle; width:100%; padding:5px 0; text-align:center; color:#fff; background:#5d616b; border-radius:5px;}
#step_wrap ul li .tit{ font-size:1.25em; color:#000; line-height:1.5em; font-weight:400; letter-spacing:-0.05em; text-align:center; margin:20px 0 15px 0;}
#step_wrap ul li .tit:after{clear:both;content:""; display:block; width:10%; height:1px; background:#000; text-align:center; margin:20px auto;}
#step_wrap ul li .txt{font-size:1em; color:#555; line-height:1.5em; letter-spacing:-0.05em; text-align:center; word-break:keep-all;}


.cont_box1 {width:100%; padding:30px 30px; border:1px solid #ddd; background:#fbfbfb; margin-top:50px;}
.cont_box1:after {clear:both;content:""; display:block;}
.cont_box1 ul { padding:0; margin:0;}
.cont_box1 ul li {position:relative; width:100%; padding:10px 0;}
.cont_box1 ul li strong { display:block; font-size:1.15em; color:#000; padding-bottom:10px; }
.cont_box1 ul li p { font-size:1em; color:#777; line-height:1.5em;}




table.price_tbl { width:100%; border-top:2px solid #333; box-sizing:border-box; 	}
table.price_tbl tr th { width:20%; padding:15px 20px; color:#000; font-size:1em;  font-weight:400; border-bottom:1px solid #ddd;	border-right:1px solid #ddd; background:#fbfbfb; box-sizing:border-box; }
table.price_tbl tr th:last-child {	border-right:0;}
table.price_tbl tr td { width:80%; padding:15px 20px;color:#666; font-size:1em;  border-bottom:1px solid #ddd;	border-right:1px solid #ddd; box-sizing:border-box; }
table.price_tbl tr td:last-child {border-right:0;}



.ugbosu_wrap { width:100%; max-width:1200px; margin:50px auto; overflow:hidden;}
.ugbosu_wrap:after {clear:both;content:""; display:block;}
.ugbosu_wrap h3{ display:block; font-size:2em; line-height:1.5em; text-align:center; padding:0; margin:0;}
.ugbosu_wrap p{  display:block; font-size:1.25em; line-height:1.5em; text-align:center; padding:0; margin:20px 0;}
.ugbosu_wrap span{ display:block; font-size:1em; line-height:1.5em; word-break:keep-all;}
.ugbosu_wrap .icon_box {display:table; width:120px; height:120px; border-radius:100%; text-align:center; background:#f8485e; margin:20px auto; }
.ugbosu_wrap .icon_box i {display:table-cell; vertical-align:middle;  font-size:4em; color:#fff; }
.ugbosu_wrap .con_left {  float:left; width:48%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.ugbosu_wrap .con_left ul {padding:0; margin:0; background:Red;}
.ugbosu_wrap .con_left ul li {float:left; width:100%; padding:20px 20px;  box-sizing:border-box;  }
.ugbosu_wrap .con_left ul li p.con_txt {float:left; width:100%; height:150px; font-size:1em; text-align:left; word-break:keep-all; background:#f8f8f8; padding:20px; }
.ugbosu_wrap .con_right { float:right; width:48%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.ugbosu_wrap .con_right ul {padding:0; margin:0;}
.ugbosu_wrap .con_right ul li {float:left; width:100%; padding:20px 20px; box-sizing:border-box;  }
.ugbosu_wrap .con_right ul li p.con_txt {float:left; width:100%; height:150px; font-size:1em; text-align:left; word-break:keep-all; background:#f8f8f8; padding:20px; }
.ugbosu_wrap .con_right .icon_box {background:#f89828;}

.ugbosu_wrap .ugbosu_tit { clear:both; display:block; font-size:1.5em; text-align: center; line-height:1.5em; width:100%; padding:25px 0 30px 0; }
.ugbosu_wrap .ugbosu_tit .highlight {  position: relative; display: inline-block;  z-index: 1;}
.ugbosu_wrap .ugbosu_tit .highlight:after { position: absolute; left:0; bottom:0px; content: ""; width: 100%; height:15px; background: #fbe88b;  z-index: -1; }
.ugbosu_wrap .ugbosu_tit strong { padding:0; margin-bottom:10px; font-weight: 700;  font-size:1.5em;}




.scroll_wrap {overflow-x:auto;}
.scroll_wrap>table {min-width:1000px;}
.scroll_wrap::-webkit-scrollbar {	width:2px;}
.scroll_wrap::-webkit-scrollbar-track {	background:#eee;}
.scroll_wrap::-webkit-scrollbar-thumb { background:#ccc;}
.scroll_wrap::-webkit-scrollbar-thumb:window-inactive {	background:#ccc;}

table.type1 { width:100%; min-width:320px; border-top:2px solid #333;	}
table.type1 tr th { width:20%; padding:15px 20px; border-bottom:1px solid #ddd;	border-right:1px solid #ddd; background:#fbfbfb;}
table.type1 tr th:last-child {	border-right:0;}
table.type1 tr td { width:30%; padding:15px 20px;	border-bottom:1px solid #ddd;	border-right:1px solid #ddd;}
table.type1 tr td:last-child {border-right:0;}

table.type2{width:100%; border-collapse:collapse; border-top:1px solid #333; letter-spacing: -0.4px;}
table.type2 caption{font-size:0; line-height:0; height: 0;}
table.type2 thead th{padding:20px 10px; line-height:1.5em; font-size:1.25em; font-weight:400; text-align:center;color:#000; border-left:1px solid #ddd; border-right:none;background:#f9f9f9;}
table.type2 thead th:first-child{border-left:0}
table.type2 tbody td{font-size:1em;color:#555;padding:14px 20px;text-align:center;border:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align: middle;}
table.type2 tbody td:first-child{border-left:0}
table.type2 tbody td:last-child{border-right:0}




.greeting_2{ width:100%; min-width:320px; max-width:1200px; margin:0px auto; }
.greeting_2:after { content:""; display:block; clear:both; }
.greeting_2 .con_img{ float:right; width:500px; height:450px; }
.greeting_2 .con_img img{width:100%; border-radius:50px; border-top-left-radius:0px; border-bottom-right-radius:0px;}
.greeting_2 .con_txt{ float:left; width:650px; padding-top:40px;}
.greeting_2 .con_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; margin-bottom:30px;}
.greeting_2 .con_txt p { font-size:1em; color:#555; margin-bottom:20px;}
.greeting_2 .con_txt p.con_point { font-size:1.2em; color:#222;}


.greeting_3{ width:100%; min-width:320px; max-width:1200px; margin:0px auto; }
.greeting_3:after { content:""; display:block; clear:both; }
.greeting_3 .ceo_img{ float:right; width:500px; height:450px;}
.greeting_3 .ceo_img img{width:100%; }
.greeting_3 .ceo_txt{ float:left; width:700px; }
.greeting_3 .ceo_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; margin-bottom:30px;}
.greeting_3 .ceo_txt p { font-size:1em; color:#555; margin-bottom:20px;}
.greeting_3 .ceo_txt p.ceo_sign { font-size:1.2em; color:#222;}


.greeting_4 {width:100%; min-width:320px; margin:0 auto; overflow:hidden; background-color:#f5f5f5;}
.greeting_4:after{ content:""; display:block; clear:both;}
.greeting_4 .location_area {width:100%;  margin:0 auto; text-align:center; height:400px; overflow:hidden;}
.greeting_4 .location_tit{ width:100%; max-width:1200px; padding:20px 25px 0 25px; text-align:center; margin:0px auto;}
.greeting_4 .location_tit p { font-size:2.5em;  line-height:50px; color:#000; font-weight:700; padding:0 10px; margin:0px auto; text-transform:uppercase;  letter-spacing:0.05em;}
.greeting_4 .location_tit span { display:block; font-size:1.15em; color:#555;  padding:0 10px; margin:10px 0 20px 0;}
.greeting_4 .location_tit div { display:block;  font-size:1.25em; color:#777;  padding:0 10px; margin:10px 0 20px 0; }
.greeting_4 .location_tit div a{ color:#000; }

.yakdo_bt{text-align:center; margin-bottom:30px;}
.yakdo_bt a{position:relative;  display:inline-block; background-color:#000; height:50px; line-height:50px;  border-radius:50px; padding:0 30px; color:#fff; font-size:1.1em; letter-spacing:0.05em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.yakdo_bt a:hover{background-color:#178ad3; }





#board_wrap {width:100%; padding-top:00px; margin:0 auto; overflow:hidden; }
#board_wrap:after{ content:""; display:block; clear:both;}
#board_wrap .board_area {width:100%; max-width:1200px; margin:0 auto; text-align:center;}

.tb_frm_b{border-top:1px solid #000;}
.tb_frm_b tr th{background-color:#f2f2f2; border-bottom:1px solid #ddd; padding:15px 0; font-size:1em; font-weight:600;  color:#000; text-align:center;}
.tb_frm_b td{height:35px; line-height:35px; padding:5px 15px; padding-left:15px; border-bottom:1px solid #ddd; font-size:0.98em;color:#000;}
.tb_frm_b td a{font-size:1.05em; color:#000;}
.tb_frm_b input[type=text], .tb_frm_b input[type=password]{height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff; text-indent:5px; font-size:0.9em;}
.tb_frm_b select{height:32px; line-height:32px; border:1px solid #ddd; background-color:#fff;}
.tb_frm_b textarea{border:1px solid #ddd; background-color:#fff;}
.tb_frm_b div.td_content, .td_content *{font-size:15px !important; font-weight:400 !important; color:#000;} 
.tb_frm_b .content_img img{max-width:100% !important;}

.tb_frm_ba{}
.tb_frm_ba td{height:35px; line-height:35px; padding-left:5px; border-bottom:0px solid #ddd; font-size:14px;}
.tb_frm_ba input[type=text]{height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff; width:100%;}
.tb_frm_ba select{height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff;}

.tb_frm_ba button{width:80px; height:40px; background-color:#1e6ec2; color:#fff; border:0px; font-size:14px;}
.tb_frm_ba button:hover{background-color:#de5148; text-decoration:none;}
/*
a.inquiry_btn {display:inline-block; width:200px; padding:8px 0 12px 0; background-color:#1e6ec2; color:#fff; font:bold 14px 'Malgun Gothic', sans-serif;}
a.inquiry_btn:hover {background-color:#de5148; text-decoration:none;}
a.inquiry_btn_2 {display:inline-block; width:200px; padding:8px 0 12px 0; background-color:#bbbbbb; color:#fff; font:bold 14px 'Malgun Gothic', sans-serif; }
a.inquiry_btn_2:hover {background-color:#939393; text-decoration:none;}
*/

.pageing a{display:inline-block; width:30px; height:30px; line-height:30px !important; text-align:center; font-size:14px; border:1px solid #666; color:#000 !important; }

.pageing a.on{border:1px solid #0069C1;  background-color:#0069C1; color:#fff !important;}
.pageing a.on:hover{background-color:#de5148; text-decoration:none;border:1px solid #de5148;}

.pageing a.nav{border:1px solid #000;  background-color:#000; color:#fff !important; width:50px;}

.pageing a.nav{border:1px solid #000;  background-color:#000; color:#fff !important; width:50px;}
/*
a.inquiry_btn {display:inline-block; width:200px; padding:8px 0 12px 0; background-color:#1e6ec2; color:#fff; font:bold 14px 'Malgun Gothic', sans-serif;}
a.inquiry_btn:hover {background-color:#de5148; text-decoration:none;}
a.inquiry_btn_2 {display:inline-block; width:200px; padding:8px 0 12px 0; background-color:#bbbbbb; color:#fff; font:bold 14px 'Malgun Gothic', sans-serif; }
a.inquiry_btn_2:hover {background-color:#939393; text-decoration:none;}
*/

.btaa{display:inline-block; width:80px; height:40px; line-height:40px !important; text-align:center; font-size:1em; border:0px solid #666; background-color:#0069C1; color:#fff !important; cursor:pointer;}



.btb{display:inline-block; width:80px; height:40px; line-height:40px !important; text-align:center; font-size:1em; border:0px solid #666; background-color:#666; color:#fff !important; cursor:pointer;}
.bta_submit{display:inline-block; width:80px; height:40px; line-height:40px !important; text-align:center; font-size:1em; border:0px solid #666; background-color:#0069C1; color:#fff !important; cursor:pointer;}

.btc{display:inline-block; width:150px; height:50px; line-height:50px !important; text-align:center; font-size:1.5em !important; border:0px solid #666; background-color:#0069C1; color:#fff !important; cursor:pointer;}
.btd{display:inline-block; width:150px; height:50px; line-height:50px !important; text-align:center; font-size:1.5em !important; border:0px solid #666; background-color:#666; color:#fff !important; cursor:pointer;}


#header {
    position: absolute;
    top:0;
    left:0%;
    width:100%;
    z-index: 120;
	min-width:1200px;
}

#header.active,
#header.scroll {
    background-color:#fff;
}

#header.active:before {
    content:'';
    position: absolute;
    top:100%;
    left:0;
    width:100%;
    height:28px;
    background: linear-gradient(rgba(0, 0, 0, 0.05) 1%, rgba(0, 0, 0, 0));
    z-index: 110;
}

#header.scroll {
    position: fixed;
    top:0;
    left:0;
}

#header.scroll_open .layout_100p {
    height:115px;
}

#header .layout_100p {
	width:1200px; 
	margin:0 auto;
    height:125px;
    overflow:hidden;
}

#header.scroll .layout_100p {
}

/*
#header.scroll:not(.scroll_open) .layout_100p {
    height:0px;
}
*/
#header.active .layout_100p {
    height:350px;
}

#header .layout_100p .content_wrap>.close_btn {
    position: absolute;
    bottom: -20px;
    right:0px;
    width:24px;
    height:24px;
}

#header .layout_100p .content_wrap>.close_btn i{font-size:24px; color:#000;}


#header .logo a {
    display:block;
    padding:9px 0 0 11px;
}

#header .logo a .image_wrap {
    display:inline-block;
    width:200px;
    height:24px;
}

#header .logo a .image_wrap {
    display:inline-block;
    width:113px;
    height:24px;
}

#header .logo a{	color:#fff;	font-size:1.4em; font-weight:700;}

img.bk {
   display:none;
}

#header.scroll img.bk{display:inline;}
#header.scroll img.wh{display:none;}
#header.scroll .logo a{color:#000;}

#header.active img.bk{display:inline;}
#header.active img.wh{display:none;}
#header.active .logo a{color:#000;}

#header .logo a span {
    padding-left:13px;
    margin-left:13px;
    border-left:1px solid rgba(255, 255, 255, 0.2);
    color:#fff;
    font-size:19px;    
    padding-right:13px;
    vertical-align:top;
    display:inline-block;
    margin-top:3px;
    transition:all .3s;
}

#header.active .logo a span,
#header.scroll .logo a span {
    color:#3a4d55;
    border-left:1px solid rgba(0, 0, 0, 0.1);
}

#header .left_wrap {
    float:left;
    width:290px;
}

#header .left_wrap>p {
    font-size: 25px;   
    color: rgb(102, 102, 102);
    line-height: 1.364;
    font-weight:300;
	letter-spacing: -0.07em;
    margin-bottom:40px;
    margin-top: 40px;
    margin-left:10px;
    opacity:0;
    transition:all .3s;
}

#header.active .left_wrap>p,
#header.scroll .left_wrap>p {
    opacity:1;
}

#header .left_wrap>p strong {
    color:#333333;    
    font-weight:700;
}

#header .left_wrap>a {
    display:block;
    width:148px;
    height:47px;
    line-height:40px;
    text-align:center;
	letter-spacing:0.08em;
    border:2px solid #ce0f13;
    color:#ce0f13;
    font-size:14px;    
    margin-left:10px;
    opacity:1;
    transition:all .3s;
    font-size:15px;
    position: relative;
}

#header .left_wrap>a:before {
    content:'COUNSELING';
    color:#ce0f13;
    font-size:14px;
    transition:all .3s;
    position: relative;
    z-index: 1;
    letter-spacing:0.08em;
}

#header .left_wrap>a:hover:before {
    color:#fff;
}

#header .left_wrap>a:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:0%;
    height:100%;
    background-color:#ce0f13;
    transition:all .3s;
}

#header .left_wrap>a:hover:after {
    width:100%;
}



#header .content_wrap {
    width:calc(100% - 290px);
    float:left;
    position: relative;
}

#header .content_wrap .top_wrap {
    padding:10px 0px;
    text-align:right;
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
    transition:all .3s;
}

#header.active .content_wrap .top_wrap,
#header.scroll .content_wrap .top_wrap {
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

#header .content_wrap .top_wrap a {
    display:inline-block;
    margin-left:24px;
    color:rgba(255, 255, 255, 0.6);
    font-size:12px;
    
    font-weight:300;
    transition:all .3s;
}

#header.active .content_wrap .top_wrap a,
#header.scroll .content_wrap .top_wrap a {
    color:#333;
}

#header .content_wrap .top_wrap a:last-child {
    position: relative;
    padding-right:0px;
}



#header .content_wrap .bottom_wrap>ul {    text-align:right;}

#header .content_wrap .bottom_wrap>ul>li {    display:inline-block;  margin-right:60px;    vertical-align:top;    text-align:left;}

#header .content_wrap .bottom_wrap>ul>li:last-child {
    margin-right:0;
}

#header .content_wrap .bottom_wrap>ul>li>a {  display:block;    padding-top:27px;    color:#fff;    font-size:17px;        position: relative;    margin-bottom:20px;    transition:all .3s; text-decoration:none;}

#header.active .content_wrap .bottom_wrap>ul>li>a,
#header.scroll .content_wrap .bottom_wrap>ul>li>a {
    color:#333333;
}

#header .content_wrap .bottom_wrap>ul>li>a:before {
    content:'';
    
    width:0%;
    height:5px;
    background-color:#ce0f13;
    position: absolute;
    top:-3px;
    left:0;
    transition:all .3s;
}

#header .content_wrap .bottom_wrap>ul>li:hover>a:before,
#header .content_wrap .bottom_wrap>ul>li.active>a:before {
    width:100%;
}

#header .content_wrap .bottom_wrap>ul>li ul {
    clear:both;
}

#header .content_wrap .bottom_wrap>ul>li ul li { text-align:left;    margin-bottom:5px;    opacity:0;    transition:all .3s;}

#header.active .content_wrap .bottom_wrap>ul>li ul li,
#header.scroll .content_wrap .bottom_wrap>ul>li ul li {
    opacity:1;
}

#header .content_wrap .bottom_wrap>ul>li ul li a {
    color:#666666;
    font-size:13px;
    position: relative;
    padding-bottom:1px;
}

#header .content_wrap .bottom_wrap>ul>li ul li a:before {
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    width:0%;
    height:1px;
    background-color:#525252;
    transition:all .3s;
}

#header .content_wrap .bottom_wrap>ul>li ul li a:hover {
    color:#333333;
}

#header .content_wrap .bottom_wrap>ul>li ul li a:hover:before {
    width:100%;
}
.backdrop {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    z-index: 122;
    display:none;
}
	.visual_wrap {
    position: relative;
    margin-bottom:80px;
}

.visual_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 287px;
    z-index: 11;
}

.visual_wrap .search_wrap {
    position: absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:1200px;
    height:100px;
    z-index:40;
}

.visual_wrap .visual .pos_wrap {
    bottom: 50px;
}

.visual_wrap .visual .pos_wrap a:not(.auto_key) {
    border:none;
    width:7px;
    height:7px;
    background-color:#fff;
    margin:0 19px;
    position: relative;
}

.visual_wrap .visual .pos_wrap a:not(.auto_key):before {
    content:'';
    width:35px;
    height:35px;
    border-radius:100%;
    border:1px solid #fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-18px;
    margin-top:-18px;
    opacity:0;
    transition:all .3s;
}

.visual_wrap .visual .pos_wrap a:not(.auto_key).active:before {
    opacity:1;
}

.visual_wrap .visual ul li .blind_wrap {
    position: relative;
    width:100%;
    height:100%;
}

.visual_wrap .visual ul li .blind_wrap:after {
    content:'';
    display:block;
    clear:both;
}

.visual_wrap .visual ul li .blind_wrap>div {
    width:0%;
    height:100%;
    overflow:hidden;
    position: absolute;
    top:0;
}

.visual_wrap .visual ul li .blind_wrap>div>* {
    position: absolute;
    bottom:0;
    left:0;
    width:100vw;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(1) {
    left:0;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(2) {
    left:5%;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(3) {
    left:15%;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(4) {
    left:35%;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(5) {
    left:65%;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(6) {
    left:85%;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(7) {
    left:95%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(1) {
    width:5%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(2) {
    width:10%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(3) {
    width:20%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(4) {
    width:30%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(5) {
    width:20%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(6) {
    width:10%;
}

.visual_wrap .visual ul li.active .blind_wrap>div:nth-child(7) {
    width:5%;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(1)>* {
    left:0;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(2)>* {
    left: -5vw;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(3)>* {
    left: -15vw;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(4)>* {
    left: -35vw;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(5)>* {
    left: -65vw;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(6)>* {
    left: -85vw;
}

.visual_wrap .visual ul li .blind_wrap>div:nth-child(7)>* {
    left: -95vw;
}

/* @media screen and (min-height:1080px) {
    .visual_wrap .visual ul li .blind_wrap>div>* {
        width:auto;
        height:100%;
    }
} */

.visual_wrap .visual ul li {
    background-color:transparent;
}

.visual_wrap .visual ul li .text_wrap {
    width:1120px;
    text-align:left;
    padding-left:30px;
    font-size:68px;
    
    line-height: 1.294;
    font-weight:normal;
    opacity:0;
    letter-spacing: -0.08em;
    top:46%;
}

.visual_wrap .visual ul li:nth-child(3) .text_wrap {
    text-align:center;
}

.visual_wrap .visual ul li:nth-child(4) .text_wrap {
    top:auto;
    bottom:260px;
    transform:translateX(-50%);
}

.visual_wrap .visual ul li.active .text_wrap {
    opacity:1;
}

.visual .pos_wrap a.auto_key {
    display:none;
}

.visual {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.visual.reaction {
    height: auto;
}

.visual.reaction>img,
.visual.reaction>video {
    visibility: hidden;
    z-index: -1;
    width: 100%;
}

.visual.blind ul li .image_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 3;
}

.visual .layout {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1100px;
    height: 100%;
}

.visual ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.visual ul li {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    background-color: #000;
}

.visual ul li.active {
    z-index: 2;
}

.visual[data-visual-type="fade"] ul li {
    opacity: 0;
}

.visual[data-visual-type="fade"] ul li.active {
    opacity: 1;
}

.visual ul li .image_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.visual ul li .image_wrap * {
    /* width:100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.visual ul li .text_wrap {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.visual .pos_wrap {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
}

.visual .pos_wrap a:not(.auto_key) {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: transparent;
    margin: 0 3px;
    font-size: 0px;
    transition: all .3s;
}

.visual .pos_wrap a:not(.stop).active {
    background-color: #fff;
}

.visual .pos_wrap a.auto_key {
    display: none;
    width: 10px;
    height: 15px;
    background-color: transparent;
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-right: 5px;
    font-size: 0px;
    transition: all .3s;
    position: relative;
}

.visual .pos_wrap a.stop span {
    width: 3px;
    height: 100%;
    display: block;
    margin-top: 2px;
    background-color: #fff;
}

.visual .pos_wrap a.stop span:first-child {
    float: left;
}

.visual .pos_wrap a.stop span:last-child {
    float: right;
}

.visual .pos_wrap a.play span:first-child {
    width: 2px;
    height: 100%;
    margin-top: 2px;
    border-left: 10px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.visual .pos_wrap a.play span:last-child {
    display: none;
}

.visual[data-visual-pos_type="thumb"] .pos_wrap a {
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 100%;
    border: 1px solid #fff;
    border-radius: 0;
    background-color: transparent !important;
    margin: 0 5px;
    position: relative;
}

.visual[data-visual-pos_type="thumb"] .pos_wrap a img {
    width: 100%;
    vertical-align: middle;
}

.visual[data-visual-pos_type="thumb"] .pos_wrap a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: all .5s;
}

.visual[data-visual-pos_type="thumb"] .pos_wrap a.active:after {
    opacity: 1;
}

.visual .arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 55px;
    display: block;
    z-index: 4;
    opacity: 0;
    transition: all .5s;
}

.visual:hover .arrows {
    opacity: 1;
}

.visual .arrows.left {
    left: 3%;
}

.visual .arrows.right {
    right: 3%;
}

.visual .arrows span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35px;
    height: 2px;
    border-top: 1px solid #fff;
    font-size: 0px;
}

.visual .arrows.left span:first-child {
    transform-origin: -50% 0;
    transform: rotate(-45deg) translate(-50%, -50%);
}

.visual .arrows.left span:last-child {
    transform-origin: -50% 0;
    transform: rotate(45deg) translate(-50%, -50%);
}

.visual .arrows.right span:first-child {
    transform-origin: 50% 0;
    transform: rotate(-45deg) translate(-50%, -50%);
}

.visual .arrows.right span:last-child {
    transform-origin: 50% 0;
    transform: rotate(45deg) translate(-50%, -50%);
}

.visual.not_button .arrows {
    display: none;
}
@media all and (max-width:1200px){

	#mobile_header{display:block; min-width:320px; }
	#header_wrap, #gnb_wrap, #gnb_area, #header {display:none;}


	.lview{display:none;}
	.sview{display:block;}

	#main_visual{top:0px;}

	#sub_visual{margin-top:0px; height:200px;}

	#scontents{width:96%;}
	#container {margin-top:0px;}
	#sub_tit{width:100%; text-align:center; max-width:100%; left:0; margin-left:0; top:90px;}


	.greeting_3 .ceo_img{width:40%; text-align:center; }
	.greeting_3 .ceo_img img{width:90%; margin:0 auto; }
	.greeting_3 .ceo_txt{ width:60%; }

	.cont_box1 ul li .btn_tel  { position:relative; left:0; bottom:0; width:50%; height:100%; font-size:1em; line-height:1.5em; background:#666;}
	.cont_box1 ul li .btn_inquiry { position:relative; right:0; bottom:0; width:50%; height:100%; font-size:1em; line-height:1.5em; background:#178AD3;;}



	.mobile_3 ul li{ height:240px;}

	.visual_wrap .visual {
		max-height:500px !important; min-height:500px !important;
    }
	 .visual_wrap {
        margin-bottom:00px;
    }
	 .visual_wrap .visual .pos_wrap {
        bottom:30px;
    }

    .visual_wrap .visual .pos_wrap a:not(.auto_key):before {
        width:18px;
        height:18px;
        margin-left:-9px;
        margin-top:-9px;
    }

    .visual_wrap .visual .pos_wrap a:not(.auto_key) {
        width:4px;
        height:4px;
        margin:0 10px;
    }

    .visual_wrap .visual ul li .text_wrap {
		
        font-size:26px;
        top:50% !important;
        bottom:auto !important;
        text-align:center !important;
        padding-left:0;
        transform:translate(-50%, -50%) !important;
		letter-spacing: -0.09em;
    }


}


@media all and (max-width:992px){
	

	
	#main_visual .swiper-slide{width:100%; height:450px;}
	#main_visual .swiper-slide div.backgroundimg1{height:450px; }
	#main_visual .swiper-slide div.backgroundimg2{height:450px; }
	#main_visual .swiper-slide div.backgroundimg3{height:450px; }
	#main_visual .sliderkit-text {bottom:30%; text-align:center; border:0px solid red; background:rgba(255,255,255,0); padding:15px 0; }
	#main_visual .sliderkit-text h1.lviewa{font-size:1.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:1em;}
	#main_visual .sliderkit-text span{padding:0 30px; font-size:0.7em;}	
	#main_visual .sliderkit-text span h2{ line-height:1.2em;}	
	.swiper-container-horizontal > .swiper-pagination-bullets {bottom:10px !important;}



	#footer{ min-width:320px; padding-bottom:30px; text-align:center;}
	#footer .copyright{width:100%; padding:0 20px; }
	#footer .copyright p{ text-align:center;}
	#footer .cs_area {display:none;}

	
	
	#backtotop{right:15px;}
	


	#sub_menu{margin-top:0px; height:auto; overflow:hidden;} 
	#sub_menu .sub_location{height:auto !important;}
	#sub_menu .sub_location ul li{height:50px; width:25%;}
	#sub_menu .sub_location ul li a{ height:50px; line-height:50px; font-size:1em;}



	#step_wrap ul li{ width:49%; height:240px; margin-right:2%;}
	#step_wrap ul li:nth-child(2n) {margin-right:0; }



	.ugbosu_wrap h3{ font-size:1.5em;}
	.ugbosu_wrap p{  font-size:1em; }
	.ugbosu_wrap .con_left { width:100%; }
	.ugbosu_wrap .con_left ul li p.con_txt {height:auto;}
	.ugbosu_wrap .con_right {  width:100%; margin-top:4%;}
	.ugbosu_wrap .con_right ul li p.con_txt {height:auto;}
	.ugbosu_wrap .ugbosu_tit {  font-size:1em; }
	.ugbosu_wrap .ugbosu_tit .highlight:after { position: absolute; left:0; bottom:0px; content: ""; width: 100%; height:15px; background: #fbe88b;  z-index: -1; }
	.ugbosu_wrap .ugbosu_tit strong { font-size:1.5em;}




	.mobile_3 ul li{ width:100%; height:auto; }





}




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

	.mview{display:block;}
	
	#main_visual .swiper-slide div.backgroundimg1{height:450px; background:url('../image/main1_m.jpg') top center no-repeat !important;}
	#main_visual .swiper-slide div.backgroundimg2{height:450px; background:url('../image/main2_m.jpg') top center no-repeat !important;}
	#main_visual .swiper-slide div.backgroundimg3{height:450px; background:url('../image/main3_m.jpg') top center no-repeat !important;}
	.swiper-button-next, .swiper-button-prev{display:none !important;}

	
	#portfolio_wrap .portfolio_area ul li {width:48.0%;  }
	#portfolio_wrap .portfolio_area ul li:nth-child(3n){margin-right:4%;}
	#portfolio_wrap .portfolio_area ul li:nth-child(2n){margin-right:0;}
	#portfolio_wrap .portfolio_area ul li img{width:100%; /*height:auto !important;*/}
	#portfolio_wrap .portfolio_area ul li .summary{width:100%; padding-top:10px; padding-bottom:20px;}
	#portfolio_wrap .portfolio_area ul li .summary .name{font-size:1.3em;}
	

	#scontents{padding:30px 0px;}
	#scontents .btitle { font-size:1.8em; margin-top:10px;}
	#scontents .stitle { text-align:center; line-height:1.4em;}

	#backtotop{display:none !important;}
	

	#sub_menu{background:#fff; border-bottom:0;} 
	#sub_menu .sub_location ul li{width:50%; height:40px; border-right:1px solid #947D50; }
	#sub_menu .sub_location ul li:nth-child(1n){border-bottom:1px solid #947D50; }
	#sub_menu .sub_location ul li:nth-child(2n){border-bottom:1px solid #947D50;}
	#sub_menu .sub_location ul li:nth-child(2n){border-right:0px solid #947D50 !important;}
	#sub_menu .sub_location ul li:last-child{ border-right:1px solid #947D50; }
	#sub_menu .sub_location ul li a{height:40px; line-height:40px; font-size:0.9em;}
	
	
	.homepage_icon {display:none;}
	.shopping_icon {display:none; }
	.mobile_icon{display:none; }


	.btn_all span {margin:0 !important;}
	.btn_all span.btn_tel{float:left;  width:60%; line-height:auto; padding:0px 5px; background-color:#3b3b3b; border-radius:0; font-size:1em; }
	.btn_all span.btn_inquiry{float:right; width:40%; line-height:auto; padding:0px 5px; background-color:#da291c; border-radius:0; font-size:1em; }


	


	#step_wrap ul li{width:100%; height:100%; padding-bottom:30px; margin-right:0; margin-bottom:4%;}
	#step_wrap ul li em { width:50px; height:50px; line-height:50px; padding:0; border-radius:100%;}


	table.price_tbl tr th { width:30%; font-size:0.9em;}
	table.price_tbl tr td { width:70%; font-size:0.9em; }


	.mobile_1 .inner .con_center { top:25%; margin-left:-75px;}
	.mobile_1 .inner .con_center p { width:150px; height:150px; }

	.mobile_2 .inner {display:none;}
	.mobile_2 .inner_mobile {display:block; position:relative; width:100%; height:100%; background:;}
	.mobile_2 .inner_mobile p { display:table-cell; vertical-align:middle; margin:0 auto; }
	.mobile_2 .inner_mobile p span{  display:block; font-size:0.85em; color:#555; text-align:center; line-height:1.5em;}
	.mobile_2 .inner_mobile .con_left{position:relative; float:left;  display:table; width:49%; padding:20px 0; text-align:center; background:#fff; border:1px solid #ddd; border-radius:10px; z-index:1;}
	.mobile_2 .inner_mobile .con_right{position:relative; float:right; display:table;  width:49%; padding:20px 0; text-align:center; background:#fff; border:1px solid #ddd; border-radius:10px; z-index:1;}
	.mobile_2 .inner_mobile .con_center { float:left;  width:100%; text-align:center; }
	.mobile_2 .inner_mobile .con_center .img_box { width:100%; height:auto;}
	.mobile_2 .inner_mobile .con_center .img_box img{ width:100%; }


	.mobile_3_step ul li{  width:100%; height:auto; margin-bottom:4%; }
.mobile_3_step ul li em { width:35px; height:100%; padding-top:10px;}





	.greeting_3 .ceo_img{width:100%; text-align:center; height:auto;}
	.greeting_3 .ceo_img img{width:80%; margin:0 auto; }
	.greeting_3 .ceo_txt{ width:100%; padding:0 10px; padding-top:20px;}
	.greeting_3 .ceo_txt h2 {font-size:1.5em; }


	
	.yakdo_bt  a{padding:0 20px; font-size:0.9em; height:40px;  line-height:40px;}


	#webservice_wrap .webservice_area {width:95%; margin:0 auto;}
	#webservice_wrap .webservice_area ul li {float:left; width:48%; margin-right:4%; height:400px; border:0px solid red;}
	#webservice_wrap .webservice_area ul li:nth-child(2n) {margin-right:0; }
	#webservice_wrap .webservice_area ul li:nth-child(5) { width:100%;  margin-right:0; }
	#webservice_wrap .webservice_area ul li .img img{}


}




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

	.snone{display:none !important;}
	.ssview{display:block;}

	#webservice_wrap {padding-top:50px; padding-bottom:50px;}
	#webservice_wrap .webservice_tit p{font-size:1.9em;}
	#webservice_wrap .webservice_tit span{font-size:0.9em;}
	#webservice_wrap .webservice_area {width:90%; margin:0 auto;}
	#webservice_wrap .webservice_area ul li { float:left; width:100%; height:100%; background:none; }
	#webservice_wrap .webservice_area ul li:nth-child(2) {margin:0%; }
	#webservice_wrap .webservice_area ul li .summary .sname{height:auto; }

	#portfolio_wrap{padding-top:50px; padding-bottom:50px;}
	#portfolio_wrap .portfolio_tit p{font-size:1.9em;}
	#portfolio_wrap .portfolio_tit span{font-size:0.9em;}
	#portfolio_wrap .portfolio_area ul li {display:block; width:100%; margin-right:0 !important;}

	#request_wrap {padding-top:50px; padding-bottom:50px;}
	#request_wrap .request_tit p{font-size:1.9em;}
	#request_wrap .request_tit span{font-size:0.9em;}
	#request_wrap .request_tit div{font-size:0.9em;}

	#location_wrap {padding-top:50px;}
	#location_wrap .location_tit p{font-size:1.9em;}
	#location_wrap .location_tit span{font-size:0.9em;}
	#location_wrap .location_tit div{font-size:0.9em;}

	#request_wrap .request_area .form_in input[type=text]{width:100%;}
	#request_wrap .request_area .form_in input[type=text]:nth-child(2){float:left; margin-top:20px;}
	#request_wrap .request_area .form_ina input[type=text]{width:100%;}
	#request_wrap .request_area .form_ina input[type=text]:nth-child(2){float:left; margin-top:20px;}


	#footer .copyright span{font-size:1em;}
	#footer .copyright p{font-size:0.8em;}


	.visual_area {background-position:center top; background-size:cover;}

	#scontents .stitle { font-size:1em;}


	.con_arrow {font-size:1.25em;}
	.con_arrow:before { content: ""; width:13px; height:13px; border:4px #178ad3 solid; border-radius:13px; margin-right:5px;}

	.con_arrow2 {font-size:1.25em;}



	.mobile_1 .inner .con_left{width:100%;}
	.mobile_1 .inner .con_center {position:relative; float:left; width:100%; top:40%; left:0; margin-left:0; margin:40px auto;}
	.mobile_1 .inner .con_center p { width:150px; height:150px; }
	.mobile_1 .inner .con_center p span i {display:none;}
	.mobile_1 .inner .con_center p span i.sview {display:block;}

	.mobile_1 .inner .con_right{width:100%;}








	.tb_frm_b tr td{ padding:5px;}
	.tb_frm_b tr td:nth-child(1){width:20%;}
	.tb_frm_b input[type=text], .tb_frm_b input[type=password]{width:100%;}
	.tb_frm_b select{width:100%;}
	.tb_frm_b textarea{width:100%;}

	.visual_wrap .visual ul li.active .text_wrap{font-size:1.2em;}

}




/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	


	
}