@charset "utf-8";

/* Font */
@import url(font.css);

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------
▶사이즈
pc : 1200px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리 파트 각 작성.
*/

/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
body,th,td,input,select,textarea,button{font-family:'NotoSansKR', sans-serif; font-weight:300; font-size:15px; color:#555;}
dl,ul,ol,menu,li {list-style:none;}
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:focus{outline:0 !important;}
iframe{border:none; width:100%;}
a{color:inherit; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover, a:focus ,a:active{text-decoration:none; color:#005294;}
img{max-width:100%;}
textarea{max-width:100%; resize:none;}

@media only screen and (min-width: 320px){
	body{overflow-x:hidden;}
}

::selection {
	background:#1382e4;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background:#1382e4;
	color: #fff;
	text-shadow: none;
}
::-webkit-selection {
	background:#1382e4;
	color: #fff;
	text-shadow: none;
}

:root {
  --main-bg-color: #2b9bff;
  --main-hover-color: #005eb1;
  --mb-hover-color: #023583;
}
/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.parallax{background-position:0 0; background-repeat:no-repeat; background-size:100% auto; width:100%; background-size:cover; background-attachment:fixed;}

/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.animationload{position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:999999;}
.loader {width:200px; height:200px; font-size: 24px; text-align: center; position:absolute; left:50%; top:50%; background-image:url(../images/common/preloader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px;}
.loader_svg { position:absolute; top:50%; left:50%; margin:-60px 0 0 -40px; } /*로더 위치*/

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.back-to-top { width:60px; height:60px; position:fixed; bottom:25px; right:20px; display:none; text-align: center; z-index: 10000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; background:rgba(0,0,0,0.8); box-shadow: 0px 10px 20px rgba(0,0,0,0.3); }
.back-to-top:hover { background:#005294; }
.back-to-top i{color: #fff; font-size: 24px; display: block; line-height: 55px;}

@media only screen and (max-width: 768px) {
	.back-to-top {width: 50px; height: 50px; bottom: 15px; right: 15px;}
	.back-to-top i {line-height: 48px; font-size: 18px;}
}
/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper{position:relative; width:100%; min-width:320px; height:100%;}
/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {z-index :666; width: 100%; height: 80px; background-color: var(--main-bg-color);}
#header #header_in{position: relative; margin: 0 auto; width: 100%; max-width: 1200px;}
#header h1{float:left;}
#header h1 a{display: block;}
#header h1 img {margin-top: 8px;}
#nav{display: inline-block; margin-left:150px;}
.nav-btn{display:none;}
.nav-bg{z-index:888; display:none; position:absolute; top:80px; width:100%; height:200px; background:#fff; border-top:1px solid #d4d4d4;}
.util-menu{position:absolute; top:25px; right:0;}
.util-menu li:first-child { border-color: #fff;}
.util-menu li:first-child a {color:#fff;}
.util-menu li {float: left; border: 1px solid #d2ff40; margin-left: 10px; border-radius:15px; }
.util-menu a {line-height: 28px; font-size: 12px; color: #d2ff40; font-weight: 400; padding: 0 10px;}
.util-menu li:hover {background:#fff;}
.util-menu li:nth-child(2):hover {background:#d2ff40;}
.util-menu li:hover a {color: #444;}
.navigation > li{position:relative; float:left; height:100%; line-height:80px; text-align:center;}
.navigation .main-menu{display:block; padding: 0 30px; font-weight:400; font-size:20px; color:#fff;}
.navigation .sub-menu{display:none; z-index:998; position:absolute; top:80px; left:0; width:100%; height: 200px;}
.navigation .sub-menu a{display:block; line-height:50px; font-size:17px; font-weight: normal; color:#4E4039;}
.navigation .sub-menu .intro-menu{display:none;}
.navigation > li:hover a {color:#fffe98;}
.navigation > li:hover .sub-menu{background:#eee;}
.navigation > li:hover .sub-menu a {color:#555;}
.navigation .sub-menu a:hover{background:var(--main-hover-color); color:#fff!important;}

@media only screen and (max-width: 1220px) {
	#header > div {padding:0 20px;}
	#nav {margin-left:50px;}
	.util-menu {right:20px;}
	.navigation .main-menu {padding: 0 20px;}
}

@media only screen and (max-width: 980px) {
	#header > div {padding:0;}
	#header h1 a {margin-left: 15px;}
	#header h1 img {width:80%; margin-top:15px;}
	.nav-btn{z-index:999; display:block; position:absolute; top:25px; right:20px; width:30px; height:25px; cursor:pointer;}
	.nav-btn span{position:absolute; left:50%; display:block; margin-left:-15px; width:30px; height:2px; background:#fff; transition:.2s all linear; border-radius:5px;}
	.nav-btn span:nth-child(1){top:0;}
	.nav-btn span:nth-child(2){top:10px;}
	.nav-btn span:nth-child(3){top:20px;}
	.nav-btn.nav-close{position:fixed;}
	.nav-btn.nav-close span:nth-child(1){top:50%; transform:rotate(45deg);}
	.nav-btn.nav-close span:nth-child(2){margin-left:0; width:0;}
	.nav-btn.nav-close span:nth-child(3){top:50%; transform:rotate(-45deg);}
	.nav-bg{z-index:777; display:none; position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

	#nav{z-index:888; position:fixed; top:80px; right:-100%; display:block; width:100%; height:100%; background:#fff;}
	.util-menu {position:relative; top:0; right:0; width:100%; height:80px; border-top:1px solid #e1e1e1; border-bottom:1px solid #eee; background-color:var(--main-hover-color);}
	.util-menu ul {width: 100%; padding:20px;}
	.util-menu li {width: 45%; text-align:center; border-radius:30px;}
	.util-menu a {line-height: 33px;}
	.navigation .main-menu{padding:0 30px; width:100%; line-height:50px; font-weight:500; font-size:18px; color:#000; transition:none;}
	.navigation > li {width:100%; text-align:left; border-top:1px solid #e1e1e1;}
	.navigation > li:hover {background:var(--main-bg-color);}
	.navigation > li:hover a {color:#fff;}
	.navigation > li.active {background:var(--main-bg-color);}
	.navigation > li.active > a {color:#fff;}
	.navigation .sub-menu {display:none; position:relative; top:0; height:inherit; background:#f1f1f1 !important;}
	.navigation .sub-menu li {border-top:1px solid #b0b0b0;}
	.navigation .sub-menu li:first-child {border-top:none;}
	.navigation .sub-menu a{padding:10px 30px; line-height:35px;}
	.navigation .sub-menu a:before{content:""; display:inline-block; margin:-2px 10px 0 0; width:5px; height:5px; border-radius:50%; vertical-align:middle; background:var(--main-hover-color);}
	.navigation .sub-menu a:hover{background:var(--main-hover-color); }
	.navigation .sub-menu a:hover:before{background:#fff;}
}

/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn{text-transform:uppercase; border-radius:0; line-height:24px;}
.btn:focus, .btn:active{outline:none; color:#fff;}
.btn-custom{border-radius:3px; padding:0.8em 1.8em; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:#509591; border-color: #509591; color:#fff;}
.btn-custom:hover, .btn-custom:focus{background-color:#447774; border-color:#447774; color:#fff;}
.btn-custom-outline{border-radius:3px; padding:0.8em 1.8em; color:#fff; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; text-transform:uppercase; background-color:transparent; border-color:#fff;}
.btn-custom-outline:hover, .btn-custom-outline:focus{color:#fff; background-color:rgba(255,255,255,.5);}
.btn-bar a{margin-right:10px;}
.form-control{box-shadow:none; -webkit-box-shadow:none; border-radius:5px; height:38px;}
.form-control:focus{outline:none; box-shadow:none; -webkit-box-shadow:none; border-color: #509591;}

/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{position:relative; width:100%; background-color:#ddd; padding-bottom:35px; } 
#footer:before {content:''; position:absolute; top:75px; bottom:0; width:100%; background:#333; }
#footer:after{content:''; position:absolute; top:74px; left:0; width:100%; height:1px; }
.footer-area{position:relative; margin:0 auto; width:100%; box-sizing:border-box;}
.footer-area:after{content:""; display:block; clear:both;}
.footer-sns{position:absolute; top:0; right:0; padding:20px 0;}
.footer-sns li{float:left; display:inline; margin-left:10px;}
.footer-sns li:first-child{margin-left:0;}
.footer-sns li a  { display:block; width:35px; height:35px; background-color:#337ab7; border-radius: 50%; position:relative; }
.footer-sns .ico_btn_kakaotalk_white img { width:73%; position:absolute; top:5px; left:5px; }
.footer-sns .ico_btn_facebook_white img { width:56%; position:absolute; top:8px; left:7px; }
.footer-sns .ico_btn_instagram_white img { width:60%; position:absolute; top:7px; left:7px; }
.footer-sns .ico_btn_twitter_white img { width:66%; position:absolute; top:7px; left:6px; }
.footer-sns .ico_btn_naver_blog_white img { width:66%; position:absolute; top:8px; left:6px; }
.footer-sns li a:hover { background:#005294; }
.footer-sns li a img { width:35px; }
#footer p, #footer li{font-size:15px; font-weight:300; letter-spacing:0; color:rgba(255,255,255,0.65); }
.foot-logo{float:left; margin:22px 50px 0 0;}
.foot-info{float:left; width:calc(100% - 150px);}
.footer-menu{margin:0 auto 30px; line-height:0; font-size:0;}
.footer-menu li{position:relative; display:inline-block; margin-left:10px;	padding-left:10px; vertical-align:middle; line-height:75px; color:#fff;}
.footer-menu li:first-child{margin-left:0; padding-left:0; border-left:0;}
.footer-menu li:before{content:''; position:absolute; top:33px; left:0; width:1px; height:10px; background-color:rgba(0,0,0,0.3);}
.footer-menu li:first-child:before{display:none;}
.footer-menu li a {line-height:10px; font-size:15px; font-weight:400; color:rgba(0,0,0,0.6);}
.footer-menu li a:hover { color:#8DC63F; } 
.footer-info{width:1000px; line-height:30px; margin-bottom:30px;}
.footer-info span { color:rgba(255,255,255,0.3); }
.footer-info a {color:rgba(255,255,255,0.65); font-weight:200; }
.footer-info a:hover { color:rgba(255,255,255,1); }
#footer .copyright { color:rgba(255,255,255,1); }
#footer a .design_kweb:hover { color:#cddc39 !important; }
.footer-info .important_txt { color:#fff; }
.qr-code-box {position: absolute; right:25px; top:47%;}
.qr-code-box > .qr-code-box-in  {width:100px; height:100px; background-color:#fff; position: absolute; right:0;}
.qr-code-box > .qr-code-box-in > .qrcode {display:block; padding-top:5px; padding-left:5px;}
.qr-code-box > .qr-code-box-in canvas {width:100px; height:100px;}

@media only screen and (min-width: 1201px) {
	.footer-area{width:1200px;}
}

@media only screen and (max-width: 1200px) {
	.footer-area{padding:0 20px;}
	.footer-sns{right:20px;}
	.footer-info{width:100%;}
}

@media only screen and (max-width:768px) {
	 #footer p, #footer li{white-space:normal; font-size:14px;}
	.footer-area{padding:0 10px; text-align:center;}
	.footer-sns{display:none;}
	.footer-menu li{margin-left:7px; padding-left:7px;}
	.footer-menu li a{font-size:14px;}
	.foot-info{float:none; width:100%;}
	.footer-info{width:100%; line-height: 20px; white-space:pre;}
	.footer-info br{display:block;}
	.footer-copy {white-space:pre-line;}
	.foot-logo{float:none; margin:0 0 20px 0;}
	.qr-code-box {display:none;}
}

/* Main Visual (메인이미지)*/
.carousel-inner > .item {height:650px;}
.carousel-inner > .main-img01{background:url("../images/main/main_visual06.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img02{background:url("../images/main/main_visual02.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img03{background:url("../images/main/main_visual03.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img04{background:url("../images/main/main_visual07.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img05{background:url("../images/main/main_visual04.jpg") no-repeat center center/cover;}

/* @media (max-width:900px) {
.carousel-inner > .main-img01{background:url("../images/main/main_visual06_m.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img02{background:url("../images/main/main_visual02_m.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img03{background:url("../images/main/main_visual03_m.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img04{background:url("../images/main/main_visual04_m.jpg") no-repeat center center/cover;}
.carousel-inner > .main-img05{background:url("../images/main/main_visual05_m.jpg") no-repeat center center/cover;}
} 
 */
.main-visual {position: relative;}
.main-visual .carousel-inner .markpic { position: absolute; width: 180px; height: auto; top: 115%; z-index: 999; }
.main-visual .carousel-inner .main_popup { position: absolute; width: 700px; top: 50%; left: 50%; transform: translate(-5%, -45%); z-index: -1; display: block; }
.main-visual .carousel-inner .main_popup_mb { position: absolute; width: 700px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }
.main-visual .carousel-caption{top:46%; left:-5%; right:0; bottom:auto; padding:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin:auto; width:100%; text-shadow:none; color:#fff;}
.main-visual .carousel-caption .slogan{padding:0; text-align:left; line-height:1.3; font-size:18px; color:#fff; word-break:keep-all;}
.main-visual .carousel-caption .slogan p {font-family: 'Nanum Square'; font-weight: normal; font-size:25px; text-shadow: 0 0 5px rgba(0,0,0,0.5); color:#ccff00; }
.main-visual .carousel-caption .slogan .copy_numb {position: relative; display: inline-block; color: #ccff00; font-weight: 900; font-size: 35px; margin-bottom: 30px;}
.main-visual .carousel-caption .slogan .copy_numb:before {content: ''; position: absolute; top: 45px; width: 100%; height: 2px; background: #ccff00;}
.main-visual .carousel-caption .slogan .main-copy {margin-bottom:20px; line-height:1.1; font-weight: 700; font-size: 42px; line-height: 52px; text-shadow: 0 0 5px rgba(0,0,0,0.5); letter-spacing: -0.8px; color:#fff;}

/*메인비주얼슬라이더 좌우 버튼*/
.main-visual .carousel-control{background:none; text-shadow:none; width:10%; text-indent:-9999em; overflow:hidden;}
.main-visual .carousel-control, .main-visual .carousel-control:focus, .main-visual .carousel-control:hover{opacity:1; width:81px; height:160px; position:absolute; top:30%; }
.main-visual .carousel-control.left{background:url("../images/main/visual_btn_prev_hap.png") no-repeat 0 0; position:absolute; left:20px; }
.main-visual .carousel-control.left:hover{background:url("../images/main/visual_btn_prev_hap.png") no-repeat -81px 0;}
.main-visual .carousel-control.right{background:url("../images/main/visual_btn_next_hap.png") no-repeat -81px 0; position:absolute; right:20px; }
.main-visual .carousel-control.right:hover {background:url("../images/main/visual_btn_next_hap.png") no-repeat 0px 0;}
.main-visual .carousel-indicators {bottom:18px; left:0; margin-left:0; width:100%; text-align: center;}
.main-visual .carousel-indicators li{width:15px; height:15px; box-sizing:border-box; vertical-align:middle; border:3px solid rgba(255,255,255,0.9); border-radius:20px; transition: all 0.3s;}
.main-visual .carousel-indicators .active{width:45px; height:15px; box-sizing:border-box; background:#fff; border-radius:20px; border:none;}
.main-visual .list-box {position: absolute; height: 170px; width: 100%; bottom: 0; background: rgba(0,0,0,0.7); text-align: center; display:none; }
.main-visual .list-box ul {position: relative; display: inline-block; max-width: 1200px; width: 100%; height: 100%; margin: 0 auto;}
.main-visual .list-box ul li {padding: 10px 0; height: 100%; color: #61d6e4; font-size: 20px; font-weight: normal; line-height: 20px;}
.main-visual .list-box ul li img {display: inline-block; margin-bottom: 10px; WIDTH: 90PX; HEIGHT: 90PX;}
.main-visual .list-box ul li span {display: block; margin-bottom: 7px;}
.main-visual .list-box ul li small {display: block; font-size: 14px; line-height: 14px;}
.main-visual .exchange-rate-box {position: absolute; height: 100px; width: 230px; top: 0; right:0;  background: rgba(0,0,0,0.7); text-align: center; color:#fff; }
.main-visual .exchange-rate-box div {position: absolute;  top: 50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:16px;}

.pc { display:block; }
.mb { display:none; }
@media (max-width:1000px) {
	.pc { display:none; }
	.mb { display:block; }
	.carousel-inner > .item {height:auto;} 
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {width:100%;}
}

@media only screen and (min-width: 1201px){
	.main-visual .carousel-caption{width:1200px;}
}
/* 
@media only screen and (max-width: 1420px){
	.main-visual .carousel-inner .main_popup { position: absolute; width: 50%; top: 50%; left: 50%; transform: translate(-10%, -45%); z-index: -1; }
	.main-visual .carousel-caption .slogan{ margin-left:12%; margin-right: 12%; padding:35px 25px;}
}

@media only screen and (max-width: 1200px){
	.main-visual .carousel-inner .main_popup { position: absolute; width: 50%; top: 50%; left: 50%; transform: translate(-5%, -40%); z-index: -1; }
}

@media screen and (max-width:980px){
	.main-visual .carousel-inner .main_popup { position: absolute; width: 45%; top: 50%; left: 50%; transform: translate(-5%, -40%); z-index: -1; }
	.main-visual .carousel-inner .markpic { width: 150px; top: 100%; }
	.carousel-inner > .item{height:600px;}
	.main-visual .carousel-caption {top: 34%;}
	.main-visual .carousel-caption .slogan{ font-size:15px;}
	.main-visual .carousel-caption .slogan .main-copy{margin-bottom:10px; font-size:48px;}
	.main-visual .carousel-control, .main-visual .carousel-control:focus, .main-visual .carousel-control { top: 27%; }
}

@media screen and (max-width:900px){
	.carousel-inner > .item {height:900px;} 
	.main-visual .carousel-indicators {bottom:20px;}
}

@media screen and (max-width:768px){
	.main-visual .carousel-indicators { display:none; }
	.main-visual .carousel-inner .main_popup { display: none; }
	.main-visual .carousel-inner .main_popup_mb { position: absolute; width: 60%; top: 50%; left: 50%; transform: translate(-20%, -65%); display: block; }
	.main-visual .carousel-inner .markpic { top: -145% }
	.main-visual .carousel-caption {top: 68%;}
	.main-visual .carousel-caption .slogan{font-size:13px; padding:0px;}
	.main-visual .carousel-caption .slogan .copy_numb {font-size: 24px; margin-bottom: 35px;}
	.main-visual .carousel-caption .slogan .main-copy{font-size:25px; line-height: 38px; margin-bottom: 0;}
	.main-visual .carousel-caption .slogan p {font-size: 20px; line-height: 28px;}
	.main-visual .carousel-control.right,.main-visual .carousel-control.left {display:none;}
}

@media screen and (max-width:610px){
	.carousel-inner > .item {height:700px;} 
}

@media screen and (max-width:480px){
	.carousel-inner > .item {height:600px;} 
	.main-visual .carousel-inner .main_popup_mb { position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%, -80%); }
	.main-visual .carousel-caption .slogan .main-copy { font-size:22px;  line-height: 28px; }
	.main-visual .carousel-caption .slogan p { font-size: 18px; }
}
 */


.container {width: 100%;}
#mainContainer{z-index:555;}
.main-box {position: relative; display: block; width: 100%;}
.main-box-tit {position: relative; display: table; width: 100%; min-height: 228px; text-align: center;}
.main-box-tit h3 {display: table-cell; vertical-align: middle; font-family: 'Nanum Square'; font-size: 30px; font-weight: 800; background-color: #fff;}
.main-box-tit h3 span {background-color: #fff !important; position: relative; z-index: 1; padding: 0 30px;}
.main-box-tit h3 .tit { font-size:42px; }
.main-box-tit h3 .sub_tit { font-weight:500; font-size:20px; margin-top:10px; }
.main-box-link {display: inline-block; width: 100%; min-height: 455px; margin-bottom: -5px;}
.main-box-link ul li {position: relative; display: table; padding: 0; max-width :100%; min-height: 455px; transition:0.3s all; }
.main-box-link ul li a {display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; line-height: 30px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,1); }
.main-box-link ul li a h4 { font-size:24px; transition:0.5s all; } 
.main-box-link ul li a p { font-size:17px; } 
.main-box-link ul li.box-1 {background: url("../images/main/main_link_img_1.jpg") no-repeat top/cover;}
.main-box-link ul li.box-2 {background: url("../images/main/main_link_img_2.jpg") no-repeat top/cover;}
.main-box-link ul li.box-3 {background: url("../images/main/main_link_img_3.jpg") no-repeat top/cover;}
.main-box-link ul li.box-4 {background: url("../images/main/main_link_img_4.jpg") no-repeat top/cover;}

/*4개 배너영역 - hover 시 텍스트/아이콘 모션*/
.main-box-link ul li .ico-1 { width:370px; transition: all 0.5s;  position: absolute; top: 40%; left:50%; transform: translateX(-50%); z-index: 30; opacity:0; }
.main-box-link ul li .ico-2 { width:60px; transition: all 0.5s;  position: absolute; top: 40%; left:50%; transform: translateX(-50%); z-index: 30; opacity:0; }
.main-box-link ul li:hover { cursor:pointer; }
.main-box-link ul li:hover h4 {color:#00FFF8; }
.main-box-link ul li:hover .ico-1 { top:30%; opacity:1;}
.main-box-link ul li:hover .ico-2 { top:30%; opacity:1;}
.main-box-link ul li:hover a p { display:block; }

.name_card img { box-shadow: 0 0 5px rgba(0,0,0,0.1); margin-left: 5px; transition: all 300ms; }
.name_card img:hover { box-shadow: 5px 5px 15px rgba(0,0,0,0.3); }

.main-box-in ._bg {position: relative; margin: 0 auto; padding: 100px 0; max-width: 1200px; min-height: 520px; }
.main-box-in ._left {position: relative; padding: 0;}
.main-box-in ._left a.btn {margin-right: 20px; padding: 12px 20px; min-width: 148px; background-color: var(--main-bg-color); color: #fff; font-size: 16px; }
.main-box-in ._left a.btn:hover { background-color:var(--main-hover-color);; color: #ff0; }
.main-box-in ._left a._last {margin-right: 0;}
.main-box-in ._left span {display: inline-block; margin-bottom: 8px; font-size: 23px; font-weight: normal; line-height: 30px; color: #00FFF8;}
.main-box-in ._left h4 {position: relative; margin-bottom: 18px; font-size: 34px; line-height: 42px; color: #fff;}
.main-box-in ._left p {font-size: 1.3em; line-height: 1.5; color: #fff; margin-bottom: 30px;}

.page-box .main-box-in {position: relative; background-image: none; display: block; margin: 0 auto; max-width: 1200px; width: 100%; min-height: 520px; padding: 100px 30px;}

.main-box-in._bg div._right {padding: 0;}
.main-box-in._bg div._right iframe {width: 100%; height: 320px;}
.main-box-in a.btn-xs-more {position: absolute; top: 0; right: 60px; padding: 4px 12px; font-size: 14px; background-color: #fff; color: var(--main-bg-color); font-weight: 500; border: 1px solid rgba(107,130,33,1); border-radius: 20px; }
.main-box-in a.btn-xs-more:hover { background: #00FFF8; color:#6b8221; border: 1px solid #6b8221; }

/*메인- 회사소개 영역*/
.page-box { background:#e8e8e8;} 
.company_info_pic-box { background:url('../images/main/main_bg_div_1.jpg'); background-size: cover; }
.company_info_pic-box .mov_youtube { position:relative; padding-bottom:56.25%; width: 49.9%; }
.company_info_pic-box .mov_youtube iframe { position:absolute; width:100%; height:100%; }
.board-box {background-color: rgba(0,0,0,0); padding: 100px 30px;}
.board-box .main-box-in {position: relative; background-image: none; display: block; margin: 0 auto; max-width: 1200px; width: 100%; min-height: 212px;}
.board-box .main-box-in h5 {font-size: 30px; font-weight: 900; font-family: 'Nanum Square'; margin-bottom: 30px; }
.board-box .main-box-in .extract-article {min-height: inherit; display: block;}
.board-box .main-box-in .extract-content {text-align: left;}
.board-box .main-box-in .extract-content .extract-date {font-size: 16px; font-weight: 400; line-height: 16px; text-shadow: none; color: #959595; margin-bottom: 20px;}
.board-box .main-box-in .extract-content .extract-date i {margin-right: 5px;}
.board-box .main-box-in .extract-content .extract-title {font-size: 24px; line-height: 26px; text-shadow: none; color: var(--main-bg-color); font-weight: 400; margin-bottom: 20px;}
.board-box .main-box-in .extract-content .extract-body {font-size: 16px; color: #727272; text-shadow: none; font-weight: 400; line-height: 26px;}
.board-box .main-box-in .extract-content .extract-body:hover { text-decoration:underline; }
.board-box p.customer-pic {display: inline-block; float: left; margin-right: 26px; width:180px; height:153px; }
.board-box dl dt {font-size: 20px; color: #777; font-weight: 500; margin-bottom: 15px;}
.board-box dl dd {display: block; min-height: inherit; max-width: inherit; font-size: 16px; line-height: 27px; color: #727272; margin-bottom: 5px; }
.board-box dl dd a {text-shadow: none; text-align: left; display: block; min-height: inherit; max-width: inherit; font-size: 16px; line-height: 1.2; color: #727272; }
.board-box dl dd.customer-tel a {font-family: 'Nanum Square'; font-size: 40px; font-weight: 900; color: var(--main-bg-color); letter-spacing: -1px;}
.board-box ._right {padding: 0 0 0 60px;}

@media only screen and (min-width: 1201px) {
	#mainContainer{padding:50px 0 135px; margin:0 auto; width:1200px;}
}

.main-container h3{position:relative; margin-bottom:20px; line-height:1.2; font-weight:400; font-size:20px; color:#000;}
.main-container h3 span{display:block; margin-top:5px; font-size:14px; color:#6c7079;}
.main-top h3 img{float:right;}
.main-top ul{margin:0 -10px;}
.main-top ul:after{content:""; display:block; clear:both;}
.main-top li{position:relative; float:left; margin:0 10px; width:calc(25% - 20px); background:#f9f9f9; border:1px solid #c5c5c5;}
.main-top .txt-frame{margin:30px 25px; word-break:keep-all;}
.main-top .txt-frame h3{margin-bottom:15px;}
.main-top .img-frame{width:100%; overflow:hidden;}
.main-top .img-frame img{width:100%;}
.main-top a:hover{color:#555;}
.main-top .caption-link{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.main-top .caption-link:before{position:absolute; top:-1px; left:-1px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
.main-top .caption-link:after{position:absolute; bottom:-1px; right:-1px; content:""; display:block; width:0; height:0; -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; transition:all .4s ease-out;}
.main-top .caption-link:hover:before{width:100%; height:100%; border-left:5px solid #ff4e00; border-top:5px solid #ff4e00;}
.main-top .caption-link:hover:after{width:100%; height:100%; border-right:5px solid #ff4e00; border-bottom:5px solid #ff4e00;}
.main-center{margin:20px -10px;}
.main-center:after{content:""; display:block; clear:both;}
.main-center > div{position:relative; float:left; margin:0 10px; padding:30px 25px; height:286px; background:#f9f9f9; border:1px solid #c5c5c5;}
.webgine-box{width:calc(50% - 20px);}
.notice-box{width:calc(25% - 20px);}
.notice-box .more-btn{position:absolute; top:25px; right:20px;}
.affilates-box{width:calc(25% - 20px);}

@media only screen and (max-width: 1200px) {
	#mainContainer{padding:50px 20px 100px; width:100%;}
	.affilates-box{width:calc(25% - 10px);}
	.board-box dl dd.customer-tel a { font-size:25px; }
}

@media only screen and (max-width: 980px) {
	.notice-box{width:calc(50% - 20px);}
	.affilates-box{width:calc(50% - 20px);}
	.main-box-in ul li a {display: block;}
	.main-box-in ._bg {padding: 60px 0;}
	.main-box-in ._bg div._left p {max-width: 100%; margin-bottom: 30px;}
	.main-box-in ._bg div._right {margin: 60px 0 0; padding: 0;}
	.main-box-in a.btn-xs-more {right: 30px;}
	.board-box {padding: 60px 30px;}
	.board-box .main-box-in {display: inline-block;}
	.board-box p.customer-pic {width: 110px;}
	.main-box-link ul li .ico-1, .main-box-link ul li .ico-2 {  } /*hover 시 모션 필요소스*/ /*display:none;*/
	.main-box-link li a .text-box { margin-top: -14px; } /*hover 시 모션 필요소스*/
}

@media only screen and (max-width: 768px){
	#mainContainer{padding:20px 10px 30px; width:100%;}
	.notice-box{width:calc(50% - 10px);}
	.affilates-box{width:calc(50% - 10px);}
	.main-box-link ul li:hover .ico-1 { opacity:0; }
	.main-box-link ul li:hover .ico-2 { opacity:0; }
	.main-box-tit {min-height: 200px;}
	.main-box-in ul li {min-height: 300px;}
	.main-box-in ._left {float: none; width: 100%;}
	.main-box-in ._right {float: none; width: 100%;}
	.main-box-in a.btn-xs-more {right: 0;}
	.page-box ._left a.btn {width: calc(50% - 80px); font-size:1.2em; margin-bottom:30px;}
	.page-box ._left a._last {margin-bottom: 0;}
	.main-box-in._bg div._right iframe {height: 238px;}
	.board-box .main-box-in {padding: 0;}
	.board-box ._left {border-bottom: 1px solid #e1e1e1;}
	.board-box ._right {padding:30px 0;}
	.board-box p.customer-pic {width: 30%;}
	.board-box dl dt {font-size: 35px;}
}

@media only screen and (max-width: 480px) {
	.main-top li:first-child, .main-bottom li:first-child{margin-top:0;}
	.notice-box {width:100%;}
	.affilates-box {width:100%;}
	.page-box .main-box-in {padding:60px 30px;}
	.board-box dl dt {font-size: 20px;}
	.main-box-tit h3 .tit {font-size:30px;}
	.main-box-tit h3 .sub_tit {font-size:14px;}
	.main-box-in ._left h4 {font-size:24px; line-height:1.2;}
	.main-box-in ._left span {font-size:18px;}
	.main-box-in ._left p {font-size:1em;}
	.board-box .main-box-in h5 {font-size:20px;}
	.board-box .main-box-in .extract-content .extract-title {font-size:18px;}
}


/*메인페이지 style 이동 20.09.30*/
.gallery-wrap { padding: 0 30px;}
.gallery-wrap .gallery-list { position: relative; }
.gallery-wrap .gallery-list .owl-stage-outer,
.gallery-wrap .gallery-list .owl-stage-outer .owl-stage,
.gallery-wrap .gallery-list .owl-stage-outer .owl-stage .owl-item {height: 100%; overflow: hidden;}
.gallery-wrap .gallery-list .owl-stage { position: relative; }
.gallery-wrap .gallery-list .owl-carousel-item { height: 100%; position: relative; text-align: center;  }
.gallery-wrap .gallery-list .owl-carousel-item img { max-width: inherit; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.gallery-wrap .gallery-list .owl-carousel-item .img-title { color: #fff;	width: 100%;	overflow: hidden; font-size: 26px; font-weight: normal; line-height: 60px; }
.gallery-wrap .gallery-list .owl-carousel-item .img-content { opacity: 0; }
.gallery-wrap .gallery-list .owl-carousel-item:hover .img-content { opacity: 1; }
.gallery-wrap .gallery-list .owl-carousel-item .img-content i { display: block;	margin-top: 20px;	max-width: 110px; height: 37px; line-height: 35px; border: 1px solid #fff; text-align: center; font-style: normal; transition:all 0.5s; }
.gallery-wrap .gallery-list .owl-carousel-item .img-content i:hover { background:#005294; border-color:#005294; }
.gallery-wrap .gallery-list .owl-carousel-item .viewport { position: relative; height: 100%; padding: 0 30px; }
.gallery-wrap .gallery-list .owl-carousel-item .img-frame { position: relative; height: 100%; max-width: 400px; text-align: center; vertical-align: middle; box-sizing: border-box; overflow: hidden; margin: 0 auto; }
.gallery-wrap .gallery-list .owl-carousel-item .img-frame p { display: block; height: 100%; }
.gallery-wrap .gallery-list .owl-carousel-item .txt-box { position: absolute; left: 0; bottom: 0; padding: 0 30px; height: 60px;width: 100%; color: #fff;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; background: rgba(0,0,0,.6); text-align: left; }
.gallery-wrap .gallery-list .owl-carousel-item:hover .txt-box { height:100%;	 padding: 30px; }
.gallery-wrap .gallery-list .owl-carousel-item .txt-box dl { width: 100%; display: table-cell; vertical-align: middle; text-align: left; text-indent: 30px; overflow: hidden; background: rgba(0,0,0,.6); }
.gallery-wrap .gallery-list .owl-controls i{ font-size:20px; color:#000;}
.gallery-wrap .gallery-list .owl-controls .owl-prev { cursor: pointer; left: 0; position: absolute; top: 35%; opacity:0.2; }
.gallery-wrap .gallery-list .owl-controls .owl-next { cursor: pointer; position: absolute; right: 0; top: 35%; opacity:0.2; }
.gallery-wrap .gallery-list .owl-controls .owl-prev:hover,
.gallery-wrap .gallery-list .owl-controls .owl-prev:active,
.gallery-wrap .gallery-list .owl-controls .owl-next:hover,
.gallery-wrap .gallery-list .owl-controls .owl-next:active{ opacity:0.7; }
.owl-theme .owl-controls { margin-top: 40px; }
.gallery-wrap .gallery-list .owl-controls .owl-dots { display: inline-block; overflow: hidden; margin: 0 auto; }
.gallery-wrap .gallery-list .owl-controls .owl-dots .owl-dot { border-radius: 50%; cursor: pointer;	float: left; height: 20px; margin: 2px; width: 20px; transition:all 0.4s; border:3px solid #ccc; } /*background: #d9d9d9;*/
.gallery-wrap .gallery-list .owl-controls .owl-dots .owl-dot.active { background: #337ab7; width: 40px; border-radius: 19px; border:none; }
.gallery-wrap .gallery-list .owl-controls .owl-dots .owl-dot:hover { background:#005294; border:3px solid #005294; }

@media (max-width: 772px) {
	.main-box-tit {min-height:200px;}
	.owl-theme .owl-controls { margin-top: 10px; }
	.gallery-wrap .gallery-list .owl-carousel-item .img-title { font-size: 22px;}
	.gallery-wrap .gallery-list .owl-carousel-item .img-content { opacity: 1;}
}
@media (min-width: 320px) {
	.gallery-wrap .gallery-list .owl-carousel-item .viewport { padding: 0; }
}
/*갤러리 코드 별로 css 디자인을 따로 할경우 #gallery-[code] .owl-controls {} 와 같은 형태로 추가. 예 ) #gallery-gallery .owl-controls { background: #ccc; }*/

/*메인 - 공지사항 영역 20.09.30*/ /*없어도 되는 소스인가? 삭제해도 문제가 없음 371번줄에서 잡아주고 있었음*/
.extract-article {border-top: 1px solid #e1e1e1; padding: 10px 0; transition: 0.3s background linear;}
.extract-article:first-child {
	border:0;
	padding: 0 0 10px 0;
}
.extract-article .extract-content {
	line-height: 24px;
}
.extract-article .extract-content .extract-date {
	color: #acacac;
}

.extract-webzine .extract-article .extract-thumb {
	position:relative;
	text-align: center;
	vertical-align:center;
	border:1px solid #eee;
}

.extract-webzine .extract-article .extract-thumb img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.extract-webzine .extract-article .extract-content {
	font-size:13px;
}
.extract-webzine .extract-article .extract-content .extract-title {
	font-weight: bold;
	font-size:14px;
	padding: 2px 0;
}

.extract-board .extract-article .extract-content .extract-title {
	display: inline-block;
	font-weight: normal;
	vertical-align: middle;
	width: 95%;
}

.extract-board .extract-article .extract-content .extract-title:hover { text-decoration: underline; }

.extract-board .extract-article .extract-content .extract-title-arrow {
	display: inline-block;
	vertical-align: middle;
	width: 5%;
}

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 767px) {
	.extract-webzine .extract-article .extract-thumb {
		height: 200px;
	}
	.extract-webzine .extract-article .extract-content .extract-title{
		padding: 2% 0;
	}
}
@media (min-width: 768px) {
	.extract-webzine .extract-article {
		box-sizing: content-box;
		height: 100px;
		position: relative;
	}
	.extract-webzine .extract-article .extract-thumb {
		bottom: 10px;
		left: 0;
		position: absolute;
	}
	.extract-webzine .extract-article .extract-content {
		height: 100%;
		margin-left: 115px;
		overflow: hidden;
		width: calc(100% - 115px);
	}
	.extract-webzine .extract-article .extract-thumb {
		width: 100px;
		height: 100px;
	}
}

/*메인 - 제휴사 슬라이더 배너영역 - INDEX에서 이동 20.09.30*/
#affilates .affilates-list .owl-stage-outer {height: 270px; padding: 58px 0; background: #607d8b; overflow:hidden;}
#affilates .affilates-list .owl-stage-outer,
#affilates .affilates-list .owl-stage-outer .owl-stage,
#affilates .affilates-list .owl-stage-outer .owl-stage .owl-item {height:100%;}
#affilates .affilates-list .owl-carousel-item{text-align:center;}
#affilates .affilates-list .viewport {position:relative; float:left; width:100%; height: 220px; box-sizing:border-box; padding: 35px;}
#affilates .affilates-list .viewport .img-frame{position:relative; margin:0 auto; max-width:405px; height:150px; text-align:center; background: #fff; box-shadow: 0px 6px 10px rgba(0,0,0,.3); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
#affilates .affilates-list .viewport .img-frame:hover, #affilates .affilates-list .viewport .img-frame:active{-webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); box-shadow: 0px 15px 29px rgba(0,0,0,.2);} /*확대 시 이미지 살짝 깨짐 scale(1.1)*/
#affilates .affilates-list .viewport .img-frame a{display:block; width:100%; height:100%; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
#affilates .affilates-list .viewport .img-frame img{position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-height:100%; max-width:100%; box-sizing:border-box;}
#affilates .affilates-list .owl-controls {margin-top: 0;}
#affilates .affilates-list .owl-controls i{font-size:20px; color:#000;}
#affilates .affilates-list .owl-controls .owl-prev {cursor:pointer; position: absolute; left:0; top:50%; margin-top:-20px; opacity:0.2;}
#affilates .affilates-list .owl-controls .owl-next {cursor:pointer; position: absolute; right:0; top:50%; margin-top:-20px; opacity:0.2;}
#affilates .affilates-list .owl-controls .owl-prev:hover,
#affilates .affilates-list .owl-controls .owl-prev:active,
#affilates .affilates-list .owl-controls .owl-next:hover,
#affilates .affilates-list .owl-controls .owl-next:active{opacity:0.7;}
#affilates .affilates-list .owl-controls .owl-dots {display:inline-block; overflow:hidden; margin:0 auto;}
#affilates .affilates-list .owl-controls .owl-dots .owl-dot {background: #ccc; border-radius: 50%; cursor: pointer; float: left; height: 10px; margin: 2px; width: 10px;}
#affilates .affilates-list .owl-controls .owl-dots .owl-dot.active {background: #000;}
/*.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/ /*중복삭제*/

/*추가*/
/*sub.css에 있어야하나, 반영이 안되서 이곳에 반영*/
/*위아래 여백주기*/
.height_space50 { width:100%; height:50px; }
.height_space100 { width:100%; height:100px; }
.height_space200 { width:100%; height:200px; }
.height_space300 { width:100%; height:300px; }

.br_off_tablat { display:block; }

@media screen and (max-width:920px) {
	.br_off_tablat { display:none; }
}

@media screen and (max-width:860px) {
	.br_on2 { display:none; }
}

@media screen and (max-width:800px) {
	.br_on { display:none; }
}

/*회사개요*/
.company_overview { margin-top:50px; }
.company_overview .company_logos {  padding-right: 30px; } /*background:rgba(0,0,0,0.1);*/
.company_overview .company_logos li { margin-bottom:15px; }
.company_overview table th, .company_overview table td { padding:20px !important; font-size: 18px; }
.company_overview table th {  background:#607d8b; color:#fff; text-align:center; font-weight:400; }
.company_overview table th:last-child { border-bottom:1px solid #607d8b; }
.company_overview table td:last-child { border-bottom:1px solid #ccc; }
.vision_tit {}
.vision_tit > h5 {text-align:center; font-size:2em; line-height:1.5; color:#1c6081; font-weight:bold;}
.vision_tit .vis_line {width:100%; border:1px dashed; color:#ddd; margin:5em 0;}

@media (max-width:1200px) {
	.company_overview { padding:0 15px; }
}
@media (max-width:800px) {
	.company_overview { margin-top:0px; }
}

@media (max-width:430px) {
	.company_overview .vision_txt {padding-left:0px;}
	.company_overview table td {font-size:1.2em; padding:10px 0px;}
	.vision_tit .vis_line {margin:3em 0;}
	.vision_tit > h5 {font-size:1.4em;}
	.vision_tit {margin-bottom:5em;}
}

/*회사소개*/
.company_commary { font-size:20px; }

.company_vision .first_box, .company_vision .second_box, .company_vision .third_box { float:left; padding-bottom: 30px; } /*background:rgba(0,0,0,0.1);*/
.company_vision .first_box { width:20%;  }
.company_vision .second_box { width:40%; }
.company_vision .third_box { width:40%; }

.company_vision .first_box .top_name {  background:#005294; float:right; width:100%; }
.company_vision .first_box h4 { background:rgba(0,0,0,0.2); padding:10px 10px 10px 39px; background:#114987; width:90%; border-radius: 0 30px 30px 0; font-size:22px; color:#ffeb3b; }
.company_vision .first_box .con_txt { float:right; width:90%;   }
.company_vision .first_box .con_txt li { padding:10px 10px 10px 16px; border-bottom: 1px solid #ccc; }

.company_vision .second_box .top_name {  background:#3f51b5; float:right; width:100%; }
.company_vision .second_box h4 { background:#005294; padding:10px 10px 10px 0px; width:100%; border-radius: 0 30px 30px 0; font-size:22px; color:#ffeb3b; }
.company_vision .second_box .con_txt { float:left; width:90%;   }
.company_vision .second_box .con_txt li { padding:10px 0 10px 0px; border-bottom: 1px dotted #ccc; }

.company_vision .third_box .top_name {  background:#fff; float:right; width:100%; }
.company_vision .third_box h4 { background:#3f51b5; padding:10px 10px 10px 15px; width:100%; border-radius: 0 30px 30px 0; font-size:22px; color:#ffeb3b; }
.company_vision .third_box .con_txt { float:right; width:100%;   }
.company_vision .third_box .con_txt li { padding:0px 15px 15px 15px; }

.company_vision .first_box .con_txt li { font-weight:400; font-size:18px; color:#114987; }
.company_vision .second_box .con_txt li { font-weight:400; font-size:18px; color:#005294; }
.company_vision .third_box .con_txt li:first-child { font-weight:500; font-size:20px; color:#3f51b5; padding:30px 0 30px 15px; }
.company_vision .third_box .con_txt li:last-child  { font-weight:300; font-size:18px; word-break: break-all; }

@media (max-width:1180px) {
	.company_ceo_message .txt-box { padding:0 15px; }
}

@media (max-width:1000px) {
	.company_vision .first_box { width:100%;  }
	.company_vision .second_box { width:100%; }
	.company_vision .third_box { width:100%; }
	.company_vision .first_box .con_txt { width:100%; }
	.company_vision .first_box h4 { width:100%; padding: 10px 10px 10px 20px;  font-size:18px; }
	.company_vision .second_box h4 { width:100%; }
	.company_vision .third_box h4 { width:100%; font-size:18px; }
	.company_vision .second_box h4 { width:100%; padding: 10px 10px 10px 20px; font-size: 18px; }
	.company_vision .first_box .con_txt li { padding: 10px 10px 10px 20px; font-size: 16px; }
	.company_vision .second_box .con_txt li {padding: 10px 10px 10px 20px; font-size: 16px; }
	.company_vision .third_box .con_txt li {  font-size: 16px; }}
	.company_vision .first_box .con_txt li:last-child, .company_vision .second_box .con_txt li:last-child { border-bottom:0; }
	.company_vision .second_box .con_txt { width:100%; }
}
/*조직도*/
/*.txt-box.bg_img1 { background:red url('../images/sub/company_organization_chart_bg.jpg'); }*/

/*패딩*/
.padding_lr15 { padding:0 15px; }

/*마진*/
.mar_right20 { margin-right:20px; }
.marbtm50 { margin-bottom:150px; }

/*이미지 센터*/
.img_center { text-align:center; }

/*배경 그레이1*/
.bg_gray1 { background:#f9f9f9; }

/*컨텐츠박스2*/
.content_box2 { margin-top:50px; border: 1px dashed #d9d9d9;; } /*background:rgba(0,0,0,0.1); */
.content_box2 .left_content_box {  } /*background:rgba(0,0,0,0.1);*/
.content_box2 .right_content_box {  } /*background:rgba(0,0,0,0.2);*/
.content_box2 .tit_box { width:405px; }
.content_box2 .left_content_box .tit_box {  margin:50px auto 30px; border-left:5px solid rgb(24,70,157); padding:0 10px; } /*height:100px;  background:rgba(0,0,0,0.1);*/
.content_box2 .right_content_box .tit_box { margin:50px auto 30px; border-left:5px solid rgb(73,183,72); padding:0 10px; } /* background:rgba(0,0,0,0.1);*/
.content_box2 .tit_box p { margin-top:10px; font-size:15px; letter-spacing: -0.5px;  } /*height: 80px;*/
.content_box2 .con_box1 { text-align: center; position:relative; } /*height:500px; background:red;*/
.content_box2 .con_box2 { text-align: center;  } /*height:500px; background:rgba(0,0,0,0.1);*/
.content_box2 .inside_txt { display:inline-block;  position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%);  width: 290px; } /*background:rgba(0,0,0,0.1);*/
.content_box2 .inside_txt h5 { font-size:22px; font-weight: 600; margin-bottom: 10px; color: #18469d; }
.content_box2 .inside_txt div { float:left;  }
.content_box2 .inside_txt div ul { width: 135px; }
.content_box2 .inside_txt div.left_box { margin-right:20px;  }
.content_box2 .inside_txt li { text-align:left; font-size:16px;font-weight: 400; } /* background:red; */
.content_box2 .inside_txt li::before { content:"•";  color: #18469d; }
.content_box2 .left_content_box .tit_box h4 { font-size:22px; color:rgb(24,70,157); }
.content_box2 .right_content_box .tit_box h4 { font-size:22px; color:rgb(73,183,72); }
.content_box2 .con_wrap h5 { font-size:16px; margin:10px 0 3px; color: #49b748; }
.content_box2 .con_wrap li { font-size:14px;  }
.content_box2 .right_content_box .con_wrap {  margin-bottom:30px; } /*background:rgba(0,0,0,0.1);*/

@media (max-width:1230px) {
	/*.content_box2 .con_box1 img { width:100%; }*/
	.content_box2 .left_content_box, .content_box2 .right_content_box { padding: 15px; }
}
@media (max-width:1200px) {
	/*.content_box2 .con_wrap li { font-size: 13px; }*/
	.company_commary { font-size:18px; padding: 0 15px; }
	.content_box2 { border:none; }
}
@media (max-width:1000px) {
	.content_box2 .inside_txt { width:auto; }
	.content_box2 .inside_txt div { float:unset; }
	.content_box2 .inside_txt div.left_box { float:unset; margin-right:0; }
	.content_box2 .inside_txt h5 { font-size:16px; margin-bottom:4px; }
	.content_box2 .inside_txt li { font-size:14px; }
}
@media (max-width:900px) {
	.content_box2 .right_content_box .tit_box { height: 115px; }
	.content_box2 .left_content_box .tit_box { height: 115px; }
}
@media (max-width:880px) {
	.content_box2 .tit_box { width:auto; }
}
@media screen and (max-width:767px) {
	.company_commary { font-size:16px; }
	.content_box2 .tit_box p { font-size:16px; }
	.content_box2 .left_content_box .tit_box { height:auto; }
	.content_box2 .inside_txt { width: 260px; }
	.content_box2 .inside_txt div { float:left;  }
	.content_box2 .inside_txt div.left_box { float:left; margin-right:10px;  }
	.content_box2 .inside_txt h5 { font-size:20px;  margin-bottom: 10px;  }
	.content_box2 .inside_txt div ul { width: 125px; }
	.content_box2 .inside_txt li {font-size:15px; }
}

@media screen and (max-width:600px) {
	.content_box2 .left_content_box .tit_box, .content_box2 .right_content_box .tit_box { margin: 50px auto 17px; height: auto;}
}

/*주요취급제품*/
.main_products { margin-top:50px; border: 1px dashed #d9d9d9; } /*background:rgba(0,0,0,0.1);*/

/*이화다이아몬드*/
.main_products .left_box { padding: 0 15px;  } /* background:rgba(0,0,0,0.1);*/
.main_products .left_box h4 { background:#fff; text-align:center; margin-top: 15px; padding:10px 0; font-size:24px; font-weight:500; color:rgb(16, 85, 166); position:relative; border: 1px solid #1055a6; }
.main_products .left_box h4 span { display: inline-block; margin-top:5px; margin-right:5px; }
.main_products .left_box h4 .tit_deco_left { float:left; width:8%; background:#1055a6;  height:100%; position:absolute; left:0; top:0; bottom:0; }
.main_products .left_box h4 .tit_deco_right { float:right; width:8%; background:#1055a6;  height:100%; position:absolute; right:0; top:0; bottom:0; }
/*삐죽좌*/
.main_products .left_box h4 .tit_deco_left::before {
border-right:28px solid transparent; /* 사각박스의 border 오른쪽 테두리만 투명으로 만들어 삼각형으로 만든다. */
        border-bottom:28px solid #1055a6;
        border-right:42px solid transparent; /*높이값조절*/
        border-bottom:42px solid #1055a6; /*높이값조절*/
        transform:rotate(225deg); /* 삼각형 회전 */
        -ms-transform:rotate(225deg);
        -webkit-transform:rotate(225deg);
        -moz-transform:rotate(225deg);
        -o-transform:rotate(225deg);
        width: 0px;
		height: 0px;
		content: "";
		position: absolute;
		right: -21px; /*높이값 조절에 따른 X축 값 변경*/
		top: 9px; /*높이값 조절에 따른 Y축 값 변경*/
}
/*삐죽우*/
.main_products .left_box h4 .tit_deco_right::before {
border-right:28px solid transparent; /* 사각박스의 border 오른쪽 테두리만 투명으로 만들어 삼각형으로 만든다. */
        border-bottom:28px solid #1055a6;
        border-right:42px solid transparent; /*높이값조절*/
        border-bottom:42px solid #1055a6; /*높이값조절*/
        transform:rotate(45deg); /* 삼각형 회전 */
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        width: 0px;
		height: 0px;
		content: "";
		position: absolute;
		left: -21px; /*높이값 조절에 따른 X축 값 변경*/
		top: 9px; /*높이값 조절에 따른 Y축 값 변경*/
}

.main_products .left_box .left_box2 { float:left; width:120px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); text-align: center; color: #1055a6; font-weight: 400; border: 1px solid #1055a6; border-left: none; border-right: none; padding: 4px 0; font-size: 16px; } /*background:rgba(0,0,0,0.1);*/
.main_products .left_box .right_box2 { background:pink; float:left;  width:155px; position: absolute; right: 0; }
.main_products .left_box .con_box { width:305px; margin:20px auto 20px; clear:both; height:110px; position: relative; } /*background:rgba(0,0,0,0.1);*/

/*대구텍*/
.main_products .right_box { padding: 0 15px;  border-left: 1px dashed #d9d9d9; } /*background:rgba(0,0,0,0.1);*/
.main_products .right_box h4 { background:#fff; text-align:center; margin-top: 15px; padding:10px 0; font-size:24px; font-weight:500; color:rgb(16, 85, 166); position:relative; border: 1px solid #047582; }
.main_products .right_box h4 span { display: inline-block; margin-top:5px; margin-right:5px; }
.main_products .right_box h4 .tit_deco_left { float:left; width:8%; background:#047582;  height:100%; position:absolute; left:0; top:0; bottom:0; }
.main_products .right_box h4 .tit_deco_right { float:right; width:8%; background:#047582;  height:100%; position:absolute; right:0; top:0; bottom:0; }
/*삐죽좌*/
.main_products .right_box h4 .tit_deco_left::before {
border-right:28px solid transparent; /* 사각박스의 border 오른쪽 테두리만 투명으로 만들어 삼각형으로 만든다. */
        border-bottom:28px solid #047582;
        border-right:42px solid transparent; /*높이값조절*/
        border-bottom:42px solid #047582; /*높이값조절*/
        transform:rotate(225deg); /* 삼각형 회전 */
        -ms-transform:rotate(225deg);
        -webkit-transform:rotate(225deg);
        -moz-transform:rotate(225deg);
        -o-transform:rotate(225deg);
        width: 0px;
		height: 0px;
		content: "";
		position: absolute;
		right: -21px; /*높이값 조절에 따른 X축 값 변경*/
		top: 9px; /*높이값 조절에 따른 Y축 값 변경*/
}
/*삐죽우*/
.main_products .right_box h4 .tit_deco_right::before {
border-right:28px solid transparent; /* 사각박스의 border 오른쪽 테두리만 투명으로 만들어 삼각형으로 만든다. */
        border-bottom:28px solid #047582;
        border-right:42px solid transparent; /*높이값조절*/
        border-bottom:42px solid #047582; /*높이값조절*/
        transform:rotate(45deg); /* 삼각형 회전 */
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        width: 0px;
		height: 0px;
		content: "";
		position: absolute;
		left: -21px; /*높이값 조절에 따른 X축 값 변경*/
		top: 9px; /*높이값 조절에 따른 Y축 값 변경*/
}

.main_products .right_box .left_box2 { float:left; width:120px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); text-align: center; color: #047582; font-weight: 400; border: 1px solid #047582; border-left: none; border-right: none; padding: 4px 0; font-size: 16px; } /*background:rgba(0,0,0,0.1); */
.main_products .right_box .right_box2 { background:pink; float:left;  width:155px; position: absolute; right: 0; }
.main_products .right_box .con_box { width:305px; margin:20px auto 20px; clear:both; height:110px; position: relative; } /*background:rgba(0,0,0,0.1);*/


@media (max-width:1200px) {
	.main_products {padding: 0 15px !important; }
	.main_products .left_box, .main_products .right_box { padding:0; }
	.main_products .right_box { border-left:none;  }
}

@media (max-width:768px) {
	.main_products {padding: 0 !important; }
}

@media (max-width:480px) {
	.main_products .left_box h4 .tit_deco_left, .main_products .left_box h4 .tit_deco_right   { display:none; }
	.main_products .left_box h4 { font-size:20px; padding:5px 0; }
	.main_products .left_box h4 span { margin-top: 9px; }
}

/*메인페이지 - 4개이미지 HOVER 효과*/
.main-box-link li:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; top: 0; left: 0; transition: all 0.7s; }
.main-box-link li:hover:after { background: rgba(0,0,0,0.6); } /*hover 시 모션 필요소스*/
.main-box-link li a .text-box {   width: 100%;  position: absolute;   left: 50%; bottom: 0px;  background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(255,255,255,0)); padding: 20px 0; transform: translateX(-50%); transition: all 0.5s; margin-top: 25px; z-index:50; } /*position: relative; z-index: 30; */ /*rgba(0,0,0,0.5)*/ /*rgba(0,35,68,0.9)*/
.main-box-link li:hover a .text-box { margin-top:-15px; bottom: 35%;  background:transparent; padding:0; } /*hover 시 모션 필요소스*/ /*transform: translateY(-30%);*/

@media (max-width:768px) {
	.main-box-link li:hover a .text-box { bottom: 41%; }
}

/*푸터 라이센스 정보*/
.licence_info { background:#1a1a1a; padding:10px; color:rgba(255,255,255,0.6); font-size:14px; text-align:center; }
.licence_info a { color:#dbdbdb; font-weight:400; }
.licence_info a:hover { color:#fff; }
.licence_info button { padding:4px 4px; font-size:12px; color:rgba(255,255,255,0.9); line-height: 12px; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0);}
.licence_info button:hover { background:#fff; color:#000; }
.modal-title { font-size:18px !important; }
.br_only_mobile { display:none;  }
.br_on { display: none; }

@media screen and (max-width:768px) {
	.br_only_mobile { display:block;  }
	.licence_info { font-size:13px; }
	.mobile_off { display:none; }
	.br_on { display: block; }
}

/*케이웹미디어 버튼*/
.design_kweb:hover { color:#4fff9c; }
.design_kweb { color:#rgba(0,0,0,0.8); transition:all 0.4s;}
.br_off { display:none; }

@media screen and (max-width:640px) {
        .br_off { display:block; }
}

/*주요취급제품 페이지*/
.more_info { text-align:center; }
.more_info .pc { display:block; }
.more_info .mobile { display:none; }
@media (max-width:768px) {
	.more_info .pc { display:none; }
	.more_info .mobile { display:block; }
	.no_padding_m { padding:0; }

}

/*위아래 여백주기*/
.height_space50 { width:100%; height:50px; }
.height_space100 { width:100%; height:100px; }
.height_space200 { width:100%; height:200px; }
.height_space300 { width:100%; height:300px; }
.minheight300 { height:300px; background:#fff; } /*서브페이지 컨텐츠 없을때 210215 bjm*/

/*서브페이지 탭버튼 1*/
.sub_fulldown_btn_01.btn-group, .sub_fulldown_btn_01 .btn-group-vertical { margin-left:0; margin-right:0; width:100%; height: 60px; display:none; }
.sub_fulldown_btn_01.btn-group > .btn:first-child { width: 100%; height: 60px; font-size: 20px; z-index: 99; }
.sub_fulldown_btn_01 .dropdown-menu { width:100%; border-radius: 0px; }
.sub_fulldown_btn_01 .btn-default:hover { background: #335610 !important; border: 1px solid #335610 !important; color:#fff !important; }
.sub_fulldown_btn_01 .btn-default { color: #fff; background-color: #011d54; border-color: #011d54; margin-bottom: 10px; }

/*서브페이지 탭버튼 1 21.02.16*/
.sub_fulldown_btn_01 { display:none; }
.sub_fulldown_btn_01 .dropdown-menu {  top: 42px; }
.sub_fulldown_btn_01 .btn-default { color: #fff; background-color: #4c7521; border-color: #4c7521; margin-bottom: 10px; }
.sub_fulldown_btn_01 .dropdown-menu > li > a { line-height: 40px; font-size: 18px; }

@media all and (max-width:768px) {
	.br_on { display:none; }
	.company_ceo_message .pic-box { height:500px; font-size: 18px; }
	.sub_fulldown_btn_01{ display:block; } /*210216 bjm*/
	.sub_fulldown_btn_01.btn-group, .sub_fulldown_btn_01 .btn-group-vertical { display:block; margin-top: -5px; } /*210416 게시판 쓰기 페이지에서 드롭다운 메뉴가 pc에서 모바일 버튼이 보이는 현상 처리*/
}

/*좌우 구분형 반응형 컨텐츠, pc : 좌 컨텐츠2개/ 우 컨텐츠2개 / mobile : 아래로 4개 컨텐츠 배치형 (vw실패)*/
.content_box_sub_bjm_2 { background:rgba(0,0,0,0.1); margin-bottom:100px; overflow:hidden;  display: none; } /*작업완료후 height 삭제할 것 */
.content_box_sub_bjm_2 .left_box { float:left; background:rgba(0,0,0,0.1); width:50%; height:435px; padding:30px; }
.content_box_sub_bjm_2 .right_box { float:left; background:rgba(0,0,0,0.2); width:50%; height:435px; }
.content_box_sub_bjm_2 .left_box .box_wrap { background:#fff; height:375px; }
.content_box_sub_bjm_2 .left_box .box_wrap h4 { background:#2196f3; color:#fff; text-align:center; line-height:40px; font-size:18px; }
.content_box_sub_bjm_2 .left_box .box_wrap .con_box { border:1px solid red; height:335px; padding:20px; border: 1px solid #2196f3; border-top: 0; }
.content_box_sub_bjm_2 .left_box .box_wrap .con_one { background:#9e9e9e; width:210px; height:295px; float:left;}
.content_box_sub_bjm_2 .left_box .box_wrap .con_two { background:#9e9e9e; width:210px; height:295px; float:right;}


@media all and (max-width:1200px) {
	.content_box_sub_bjm_2 { padding:15px; }
}
@media all and (max-width:1100px) {
	.content_box_sub_bjm_2 .left_box .box_wrap { height:350px; }
	.content_box_sub_bjm_2 .left_box, .content_box_sub_bjm_2 .right_box { height:410px; }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_one, .content_box_sub_bjm_2 .left_box .box_wrap .con_two { width:190px; height:267px;}
	.content_box_sub_bjm_2 .left_box .box_wrap .con_box { height:310px; }
}
@media all and (max-width:1015px) {
	.content_box_sub_bjm_2 .left_box .box_wrap { height: 320px; }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_one, .content_box_sub_bjm_2 .left_box .box_wrap .con_two { width:170px; height:239px; }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_box { height:280px; }
	.content_box_sub_bjm_2 .left_box, .content_box_sub_bjm_2 .right_box { height: 380px; }
}
@media all and (max-width:960px) {
	.content_box_sub_bjm_2 .left_box, .content_box_sub_bjm_2 .right_box { width:100%; }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_one, .content_box_sub_bjm_2 .left_box .box_wrap .con_two { width:39.914894vw; height:57.893617vw; }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_box {  height: 62.3vw;}
	.content_box_sub_bjm_2 .left_box .box_wrap  { height: 66.6vw; }
	.content_box_sub_bjm_2 .left_box, .content_box_sub_bjm_2 .right_box {  }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_box { height: 62.3vw; }
	.content_box_sub_bjm_2 .left_box, .content_box_sub_bjm_2 .right_box { height: 73.6vw; } /*76.6vw*/
	.content_box_sub_bjm_2 .left_box {  }
}
@media all and (max-width:880px) {
	.content_box_sub_bjm_2 .left_box .box_wrap .con_box { height: 63.3vw; }
	.content_box_sub_bjm_2 .left_box, .content_box_sub_bjm_2 .right_box { height: 74.8vw; }
	.content_box_sub_bjm_2 .left_box .box_wrap { height: 67.6vw; }
}
@media all and (max-width:760px) {
}
@media all and (max-width:600px) {
	.content_box_sub_bjm_2 .left_box .box_wrap .con_one, .content_box_sub_bjm_2 .left_box .box_wrap .con_two { width: 38.914894vw; height: 56.893617vw; }
	.content_box_sub_bjm_2 .left_box .box_wrap .con_box { height: 63.8vw; }
	.content_box_sub_bjm_2 .left_box .box_wrap { height: 70.4vw; }
}

/*좌우 구분형 반응형 컨텐츠, pc : 좌 컨텐츠2개/ 우 컨텐츠2개 / mobile : 아래로 4개 컨텐츠 배치형 - 부트스트랩 베이스로 새로 */
.content_box_sub_bjm_3 { margin-bottom:100px;  } /*background:rgba(0,0,0,0.1); */
.content_box_sub_bjm_3 .con_left, .content_box_sub_bjm_3 .con_right { padding:20px;  }
.content_box_sub_bjm_3 .con_left h4, .content_box_sub_bjm_3 .con_right h4 { background:var(--main-bg-color); line-height:28px; text-align:center; color:#fff; font-size: 18px; padding: 15px 20px;}
.content_box_sub_bjm_3 .con_left .con_wrap, .content_box_sub_bjm_3 .con_right .con_wrap { background:#fff; border: 1px solid var(--main-bg-color); }
.content_box_sub_bjm_3 .con_left .con_wrap .left_con_box, .content_box_sub_bjm_3 .con_right .con_wrap .left_con_box { display:inline-block; background:blue; width:49.37%; }
.content_box_sub_bjm_3 .con_left .con_wrap .right_con_box, .content_box_sub_bjm_3 .con_right .con_wrap .right_con_box { display:inline-block; background:pink; width:49.37%; }

.business_area .list-box h4  { display: inline-block; background-color: var(--main-bg-color); font-size: 22px; font-weight: 500; padding: 10px;white-space: pre-line; color: #fff; text-align: center; width: 100%; } /* padding: 10px 0; height: 50px; line-height: 41px;*/
.business_area .list-box ul  { position: relative; display: inline-block; margin: 15px auto 10px; }
.business_area .list-box ul li  { position: relative; margin-top: 5px; font-size: 16px; font-weight: 300; text-align: left; letter-spacing: 0px; }
.business_area .list-box ul li:first-child  { margin-top: 0; color: #fff; }
.business_area .list-box ul li:before  { content: ''; position: relative; width: 3px; height: 3px; background-color: #f58220; display: inline-block; top: -4px; margin-right: 6px; }
.business_area .txt-box p  { margin-top: 40px; padding: 0 15px; font-size: 20px; font-weight: 300; line-height: 1.5; color: #333; white-space: pre-line; }
.business_area .sign-box  { float: right; margin-right: 15px; font-size: 24px; font-weight: 400; color: #333; line-height: 1; }
.business_area .sign-box span  { margin-left: 20px; }
.business_area .sign-box:after  { content: ''; clear: both; float: none; display: block; }
@media only screen and (max-width:1200px)  {
	.business_area .list-box .img-frame  { width: 50%; } /*margin-top: 40px;*/
	.business_area .list-box ._frame01, .business_area .list-box ._frame02  { margin-top: 0; }
	.business_area .list-box .img-frame > div a { margin: 5px auto 25px; }
 }
@media only screen and (max-width:980px)  {
	.business_area .txt-box p  { font-size: 16px; }
	.business_area .list-box .img-frame  { width: 50%; }
 }
@media only screen and (max-width:768px)  {
	.business_area .list-box .img-frame  { width: 100%; padding: 0; } /*margin-top: 40px;*/
	.business_area .list-box .img-frame p  { margin-bottom:0;  } /*모바일에서 비율 유지  height:93.75vw !important;*/
	.business_area .list-box ._frame01  { margin-top: 0; }
	.business_area .list-box .img-frame  { margin-bottom: 5px; }

 }

@media only screen and (max-width:501px)  {
	.business_area .list-box ul { margin:0 auto !important; padding:0; }
	.business_area .list-box ul li { font-size:15px !important; margin-top: 4px !important;}
	.business_area .list-box h4 { padding: 10px !important; }

}

@media only screen and (max-width:380px)  {
	    .business_area .list-box .img-frame p { padding-top: 0px; }
		.business_area .list-box .img-frame p { height: 325px !important; }

}

/*부트스트랩 팝업- 백그라운드 반투명 효과*/
.modal-title { font-size: 24px !important; color: #397bad; font-weight: 600; }
.modal-content { border: 5px solid #397bad; border-radius: 15px; }
.modal-backdrop.in { filter: alpha(opacity=0); opacity: 0.8; }
.modal-body .top_img { text-align:center; }
.modal-body .top_img .product_img1 {  } /*width:60%;*/
.modal-body .top_img .product_img2 { width:60%; }
.modal-body .product_info_modal { text-align:center; }
.modal-body table { text-align:center; margin-top:20px; }
.modal-body th { background:#397bad; font-size:18px; color:#fff !important; text-align: center; font-size: 18px; }
.modal-body th, .modal-body td { vertical-align:middle !important; color:#000; border:1px solid #397bad !important; }
.modal-body .product_info_modal th { background: #1e7e9e; color: #fff; text-align: center; font-size: 18px; }
.modal-body .first_name td { background:#c0e3ff; font-weight: 400; }
.modal-body .second_name td, .modal-body .thrid_name td { background: #ebf6ff;font-weight: 300; }
.modal-body .bold { font-weight:500; }
.modal-body .info_txt { margin:10px 0; }
.modal-body .info_txt b { color:#ff5722; }
.modal-body .cad_img { text-align:center; }

/*메인 - 포토 슬라이더 (게시판 비연동/반응형)*/
.slide_photo1 { width:1200px; margin:50px auto; position:relative; } /*background:rgba(0,0,0,0.1);  */
.slide_photo1 h4 { font-size:32px; text-align:center; }
.slide_photo1 p { font-size:20px; text-align:center; margin:20px 0; }
.slide_photo1 .more_btn { width:1200px; height:20px; margin:0 auto;  position:absolute; top:60px; left:50%; transform:translateX(-50%); } /*background:rgba(0,0,0,0.1); */
.slide_photo1 .more_btn a { position:absolute; right:0; }
.slide_photo1 .more_btn a {position: absolute; top: 0; right: 0px; padding: 4px 12px; font-size: 14px; color: #777; font-weight: 500; border: 1px solid rgba(0,0,0,0.3); border-radius: 20px; }
.slide_photo1 .more_btn a:hover { background: #025cab; color:#fff; border: 1px solid #025cab; }
.slide_photo1 .slide_box { position:relative; }
.slide_photo1 .slide_box a { display:block;  width:100%; height:100%; overflow:hidden; }
.slide_photo1 .slide_box a::before { content:'';  position:absolute; top:0; left:0; right:0; bottom:0;  transition:0.4s; }
.slide_photo1 .slide_box a img { transition: all 0.2s linear; }
.slide_photo1 .slide_box a:hover img { transform:scale(1.15); }
.slide_photo1 .slide_box .txt_box {  position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;  background:rgba(63,81,181,0.7); color:#fff;  padding:20px; opacity: 0; transition:0.2s; cursor:pointer; }
.slide_photo1 .slide_box .txt_box h4 { font-size:24px; margin-top:30%; }
.slide_photo1 .slide_box .txt_box p { font-size:18px; margin-top:20px; }
.slide_photo1 .slide_box .txt_box:hover { opacity: 1; }
.slide_photo1 .slide_box .txt_box i { width:50px; height:50px; line-height:50px; font-size:24px; text-align:center; background: #fff; color: #3f51b5;/*border:1px solid #fff;*/ border-radius:50%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
/*좌우버튼*/
.slide_photo1 .slick-next, .slide_photo1 .slick-prev {  z-index: 999; display: block; width: 50px; height: 50px; line-height: 46px; background:rgba(2,92,171,0.85); border-radius: 50%; transition:all 0.2s; }
.slide_photo1 .slick-prev:focus, .slide_photo1 .slick-next:focus { background: #337ab7; }
.slide_photo1 .slick-prev:hover, .slide_photo1 .slick-next:hover { background:rgba(0,150,136,0.85) }
.slide_photo1 .slick-prev:before, .slide_photo1 .slick-next:before { content:''; position:absolute; width:20px; height:5px; background:#fff; border-radius:10px; }
.slide_photo1 .slick-prev:after, .slide_photo1 .slick-next:after { content:''; position:absolute; width:20px; height:5px; background:#fff; border-radius:10px; }
.slide_photo1 .slick-next { right: -25px; }
.slide_photo1 .slick-next:before {  left: 17px;  top: 20px;  transform: translateY(-50%) rotate(-140deg);  }
.slide_photo1 .slick-next:after { right: 13px; top: 30px; transform: translateY(-50%) rotate(140deg); }
.slide_photo1 .slick-prev { left: -25px; }
.slide_photo1 .slick-prev:before { left: 15px;  top: 20px;  transform: translateY(-50%) rotate(-40deg); position:absolute; }
.slide_photo1 .slick-prev:after { right: 15px; top: 30px; transform: translateY(-50%) rotate(40deg); }

@media (max-width:1280px){
        .slide_photo1 .slick-prev { left: 15px; }
        .slide_photo1 .slick-next { right: 15px; }
}
@media (max-width:1220px){
        .slide_photo1 { width:100%; }
        .slide_photo1 .more_btn { width: 100%; }
        .slide_photo1 .more_btn a { right:15px; }
}
@media (max-width:640px){
        .slide_photo1 .more_btn { top:10px; }
        .slide_photo1 p { font-size: 18px; margin: 14px 0; }
        .slide_photo1 h4 {font-size: 26px; }
}

/*전화걸기 버튼(fixed형)*/
.phone_call { width:60px; height:60px; position:fixed; bottom:100px; right:20px; display:block; text-align: center; z-index: 10000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; background:#0d76cd; box-shadow: 0px 10px 20px rgba(0,0,0,0.3); }
.phone_call:hover { background:#0d32bf; }
.phone_call i{color: #fff; font-size: 28px; display: block; line-height: 60px;}

@media only screen and (max-width: 980px) {
	.phone_call {width: 60px; height: 60px; box-shadow:0px 6px 8px rgba(0,0,0,0.3);}
	.phone_call i {line-height: 60px; font-size: 26px;}
}
@media only screen and (max-width: 768px) {
	.phone_call {width: 50px; height: 50px; bottom:78px; right:15px;}
	.phone_call i {line-height: 52px; font-size: 26px;}
}

/*모바일 화면에서 사라지게 할 것*/
@media only screen and (max-width:768px) {
	.mobile_off { display:none; }
}

/*갤러리 스타일*/
div.gallery .round { background: #237d32 !important; color: #fff !important; border: none !important; padding: 8px 10px !important; font-size: 18px; font-weight: 500; }
div.gallery .round { width:100%; } /*임시추가211115*/
div.gallery .desctext { display: none; } 
div.gallery .desctext span { display: none; }
div.gallery .desc { padding:0 !important; }
div.gallery .desc { overflow:hidden; } /*임시추가211115*/
div.gallery a { max-height: 153px; }
div.gallery a img { transition: all 0.4s; min-height: 200px; }


@media only screen and (max-width: 550px)
	.responsive { width:100%; }
}