@charset "UTF-8";

/* default_main.css 시작*/

#container_wr{width:100%;margin:0px auto !important;}

#main_container{width:100%;}
.main-center{display:inline-block;margin:0 auto;width:1100px;display:block}
/* MAIN BANNER */
.main-visual{position:relative; overflow:hidden; width:100%; height:555px;}
.main-banner{position:absolute;text-align:center; width:2000px; left:calc(50% - 1000px);}

/* PAGER */
.bx-wrapper .bx-pager { position: absolute; bottom: 30px; width:100%; text-align:center; z-index: 51; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 10px 0px; outline: 0; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #ffcc00; width:30px;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; display:inline-block; margin:0 5px;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.main-banner_btn-prev {left:calc(50% - 530px);}
.main-banner_btn {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -23px;z-index: 99; text-shadow:1px 1px 1px #000;}
.main-banner_btn-next {right: calc(50% - 530px);}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 60%; margin-top: -16px;  width: 15px; height: 20px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-next,.bx-prev {text-indent: -9999px; display:block; position:absolute; top:0; width:100%; height:100%;}

/* BOTTOM DIRECTION DONTROLS (NEXT / PREV) */
.main-banner2{position:relative; clear:both; width: 1100px;margin: 0 auto;}
.main-banner_btn-prev2 {left:10px;}
.main-banner_btn2 {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -23px;z-index: 99; text-shadow:1px 1px 1px #000;}
.main-banner_btn-next2 {right: 10px;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start{display: block; margin: 0 3px; width:12px; height:17px; color:#fff; overflow:hidden;}
.bx-wrapper .bx-controls-auto .bx-start:before{content:"\f04b"; font-family:FontAwesome;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { color:#00a7cb; }
.bx-wrapper .bx-controls-auto .bx-stop {display: block; margin: 0 3px; width:12px; height:17px; color:#fff; overflow:hidden; }
.bx-wrapper .bx-controls-auto .bx-stop:before{content:"\f04c"; font-family:FontAwesome;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { color:#00a7cb }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left: 50%; bottom: 97px; width: 37px; margin-left: -100px; z-index: 99; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.bx-next,.bx-prev {text-indent: -9999px; display:block; position:absolute; top:0; width:100%; height:100%;}

.bo_fx{position:absolute; bottom:10px; right:0; display:inline-block; z-index:99;}
.btn_bo_user{margin:10px auto;width:100px}
.btn_bo_user a{padding:7px 10px;}
.main-top .bx-viewport{height:555px !important}


/* 메인 스타일 시작 */
.main-top{overflow:hidden;}
.main-visual{float:left;}
.main-center{clear:both; overflow:hidden;width:1100px}
.b_tit a{color:#474747}

.main-gap{margin:0 auto 30px ;display:inline-block;}

.main_cbt{width:100%;display:block;margin:0 auto; text-align: center;}
.main_cbt .section_body{width:1100px;margin:30px auto;display:inline-block}
.main-section1{float:left;display: inline-block;margin:0 auto;width:608px;height:228px;text-align:left !important;background:#d7d7d7;border-radius:10px 0px 0px 10px}

.main-section1 h3{padding-bottom:30px;}
.main-section1>div{display:inline-block;text-align:center;margin-left:15px !important;}
.main-section1>div:first-child{border-left:0px !important;margin-left:0px !important;}
.main-section1 .textbox__title{color:#636363}
.main-section1 .textbox__title:hover{color:#28975c}
.textbox{padding:20px;width: calc(33.33% - 14px);}
.textbox:hover{color:#28975c}

.textbox > a {display:block;}

.textbox__body{padding-top:10px;font-weight:bold;text-align:center;display:inline-block;}
.textbox__body h2{font-size:20px;line-height:30px;}
.textbox__image{padding-bottom: 0px;}
.textbox > a:hover .textbox__image img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}
.textbox_dview {display:inline-block;font-size:17px;font-weight:bold}

.dv1, .dv2 {color:#42CCC8}
.textbox > a:hover .dv1 {color:#28975C}
.textbox > a:hover .dv2 {color:#4B2D27}

.tbox01 a:hover, .tbox03 a:hover{color:#28975C}
.tbox02 a:hover, .tbox04 a:hover{color:#4B2D27}


.main-section2{display: inline-block;width:537px; height:280px}
.main-section3{display: inline-block;width:537px;height:280px;margin-left:21px; }



/* 아이콘 섹션 */
.main-icons-wrap{overflow:hidden;}
.main-icons-wrap a{width:16.666666667%; float:left; text-align:center;}
.main-icons-wrap a h3{font-size:20px; font-weight:bold; color:#222; height:48px; margin:20px 0;}
.main-icons-wrap a .icons{display:block; transition:ease all 0.3s;}
.main-icons-wrap a:hover .icons{margin-top:10px; margin-bottom:-10px; transition:ease all 0.3s;}

.main-section5{float:left;display:inline-block;background:url("/theme/basic/img/pub/main_info_bg.png");width:492px;height:228px;border-radius:0 10px 10px 0}
.main-section5 .textbox__image{float:left;}
.main-section5 .textbox{width:100%;color:#fff;text-align:left;padding:10px 40px}
.main-section5 .textbox__body{text-align:left;width:100%;margin-bottom:20px}
.main-section5 .tel_info{display:inline-block;padding-left:20px;font-size:22px;font-weight:bold;color:#ffcc00}
.main-section5 .fax_info{font-size:18px;color:#ffff33}
.main-section5 .textbox_dview {font-size:15px;padding-top:5px}

.lat ul {height: 233px;}

.main-bottom{margin-bottom:20px;display:inline-block}


.center_bg{background:#fff;width: 1100px;    margin: 0 auto;}
#ft {margin-top:0px !important}