@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:546px;}
.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% - 550px);}
.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% - 550px);}
.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: 0px;}
.main-banner_btn2 {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -24px; z-index: 99; text-shadow:1px 1px 1px #000;line-height:34px}
.main-banner_btn-next2 {right: 0px;}

/* 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:452px !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 50px ;}

.main_cbt{width:100%;display:block;background:#f5f5f5;    text-align: center;}
.main_cbt .section_body{width:1100px; margin:20px auto 0px; display:inline-block}

.main-section1{float:left;display: inline-block;margin:0 auto;width:100%;text-align:left !important}
.main-section1 .color-circle01{width: 160px; height: 160px; border: 1px solid #302c25; border-radius: 160px; background: #302c25;}
.main-section1 .color-circle02{width: 160px; height: 160px; border: 1px solid #eb272a; border-radius: 160px; background: #eb272a;}
.main-section1 h3{padding-top:30px;}
.main-section1 .textbox {display:inline-block;text-align:center;margin-left:24px }
.main-section1 .textbox:nth-child(1){border-left:0px !important;margin-left:0px !important;}
.main-section1 .textbox:nth-child(4){border-right:0px !important;margin-right:0px !important;}
.main-section1 .textbox__title{color:#222222;}
.main-section1 .textbox__title:hover{color:#eb272a}
.textbox{width:calc(25% - 22px);padding:30px 47px; position: relative;}
.textbox > a {display:block;}
.textbox__body{padding-top:10px;font-weight:bold;text-align:center;display:inline-block;}
.textbox__body h2{font-size:20px; }
.textbox__image{height:160px; line-height:151px; width:160px;}
.textbox > a:hover .textbox__image img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}




.main-section2{display: inline-block;width:530px; }    
.main-section2 .ul1 > li,  .main-section3 .ul1 > li {padding-left: 20px !important;}

.main-section3{display: inline-block;width:530px;margin-left:35px; float:right;}
.main-section4{display: inline-block;width:537px; height:280px;float:left}
.main-section5{display: inline-block;width:537px; height:280px;float:left;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;}


/*.lat ul {height: 233px;}*/

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


.center_bg{background:#fff;width: 1100px;margin: 0 auto; padding-top:10px;}
.main_bottom {background: #fff;width: 1100px;margin: 0 auto 30px;text-align:center; padding-top:10px; }
#ft {margin-top:0px !important}