/* Common*/
.keep_all {word-break:keep-all !important}
.break_all {word-break:break-all !important}

.main_left {float:left; width:300px; height:450px; margin-top:115px; background-color: #770246;}
.main_left_title {margin:30px 0 20px 0; color:#fff; font-size: 30px; font-weight: 600; text-align: center;}
.main_left_txt {margin:0 0 0 30px; color:#fff; font-size: 20px; line-height: 150%;}
/* main_visual */
.main_visual {float:left; width:900px; }
.mv_wrap > li { width:100%; margin-top:115px; height:450px; text-indent:-9999px; }
.bx-viewport {height:635px;}
.main_slogan {max-width:900px; margin:150px auto 0;  z-index:99; }
.main_slogan p { display:block; margin:60px 0 30px auto; color:#fff;}
.main_slogan > p:nth-child(1) { margin-top:120px; margin-bottom:0; font-size:75px; font-style:italic; letter-spacing:-4px; opacity:0; }
.main_slogan > p:nth-child(2) { margin-top:320px; margin-bottom:0; font-size:30px; opacity:0; color:#fff; text-shadow:1px 1px 0px #000; font-weight:400; text-indent:0 !important; line-height:1.7;}
.main_slogan > .v_txt02 .block { display:block;}
.v_txt02{ background-color: rgba(0,0,0,0.5) !important; padding:5px 30px; font-family:Kanibuk;}
.main_slogan.on > p:nth-child(1) { margin-left:30; opacity:1; transition:all .4s ease-out .4s; }
.main_slogan.on > p:nth-child(2) { margin-left:50px; opacity:1; transition:all 0.7s ease-out 0.7s; }

.bx-wrapper .bx-pager { width: 100%; max-width: 900px; margin: 0 auto; text-align: left; position: relative; z-index: 0; }
.main_visu img { height:630px }
.main_visu_style .bx-wrapper .bx-viewport { height:630px !important }
#main_visu_wrap { margin-top:115px; position:relative }
#main_visu_wrap .main_slogan { position:relative; width:100%; max-width:900px; margin:0 auto }
#main_visu_wrap .main_slogan .slo { position:absolute; top:175px; left:0; z-index:1 }
#main_visu_wrap .main_slogan .slo_02 { top:330px }
#main_visu_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager { width:100%; max-width:900px; margin:0 auto; position:relative }
#main_visu_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { position:absolute; bottom:55px }
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(255,255,255,0.3); width: 37px; border-radius:0; height: 4px; transition:0.3s }
.bx-controls-auto { position: relative !important; text-align:left !important; width: 100% !important; left: 145px; max-width: 900px !important; margin: 0 auto; 
	bottom:-10px !important }
.bx-wrapper .bx-controls-auto .bx-start { display:none;  }
.bx-wrapper .bx-controls-auto .bx-stop { background: url(/images/visu_btn_stop.png) 0 0 no-repeat; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:0 0}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:rgba(255,255,255,1) }
.scroll_down { width:60px; height:60px; margin-left:-30px; position:absolute; left:50%; top:712px; border:0; 
	background:url(/images/scroll_bottom.png) no-repeat center top; animation:scroll_down 1.5s infinite; }
@keyframes scroll_down {
	0% {bottom:-27px;}
	50% {bottom:-30px;}
	100% {bottom:-27px;}
}

/* 硫붿씤 而⑦뀗痢� */
.main_bg { }
#main_cnt { position:relative; display:block; width:auto; max-width:1200px; margin:80px auto 20px; padding:40px 0; background:#fff; border-radius:30px; box-sizing:border-box; overflow:hidden; z-index:5; }
#main_cnt > header { height:0; font-size:0; text-indent:-9999px; }
#main_cnt:after { display:block; clear:both; content:"" }

#main_search { /* float:left; width:598px;  margin-right:40px; */ height:auto; padding:10px 40px 20px; border:1px solid #dbdbdb; border-radius:10px }
#main_search > header { position:relative; margin-bottom:20px; overflow:hidden; }
#main_search > header > .borad_tit { display:inline-block; font-size:21px; font-weight:400; color:#303030 }
#main_search > header > .borad_tit:before { width:5px; height:5px; margin-right:10px; border:4px solid #00386e; border-radius:50%; display:inline-block; content:"" }
#main_search > header > .btn_more { margin-top:5px; font-size:15px; color:#808080; position:absolute; right:0; }
#main_search > header > .btn_more img { margin-left:4px }

#main_search .main_tb_outline { border-top:3px solid #00386e; overflow:hidden; border-bottom:1px solid #dbdbdb }
#main_search .main_tb { table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; }
#main_search .main_tb th, #main_search .main_tb td { width:100%; padding:10px 5px; font-size:15px; text-align:center; border-right:1px solid #dbdbdb; 
	border-bottom:1px solid #dbdbdb;}
#main_search .main_tb th:last-child, #main_search .main_tb td:last-child {border-right:0} 
#main_search .main_tb tr:last-child td {border-bottom:0}
#main_search .main_tb th { width:25%; color:#303030; background:#e9ebed }

#main_search .main_tb td {}
#main_search .main_tb .nowrap { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#main_search .main_tb a { font-size:15px; color:#505050}

#banner_menu {width:100%; max-width:680px; float:right;}
#banner_menu:after { display:block; clear:both; content:"" }
#banner_menu .intro_info { display:inline-block; width:258px; height:224px; padding-top:100px; text-align:center; float:left; border-radius:10px 0 0 10px; background:url(/images/main_banner_gra.png) no-repeat top left }
#banner_menu .intro_info .intro_tit { font-size:21px; color:#fff; }
#banner_menu .intro_info .intro_tit:after { display:block; width:15px; height:4px; margin:25px auto 15px; background:url(/images/bf_blet.png) no-repeat center top; content:"" }
#banner_menu .intro_info .txt { font-size:15px; color:#b6cee4; line-height:1.7 }
#banner_menu .menu_wrap { display:inline-block; width:422px; height:284px; padding:20px 0; background:#e9ebed; border-radius:0 10px 10px 0 }
#banner_menu .menu_wrap ul { }
#banner_menu .menu_wrap ul li { display:inline-block; width:130px; text-align:center }
#banner_menu .menu_wrap ul li a { display:inline-block; width:100%; height:100%;}
#banner_menu .menu_wrap ul li .m_tit { font-size:15px; color:#505050; }
#banner_menu .menu_wrap ul li .m_tit:hover { color:#00376e }
#banner_menu .menu_wrap ul li .icon_sec { display:block; width:70px; height:70px; margin:0 auto 10px; transition:0.3s }
#banner_menu .menu_wrap .menu_top { padding:15px 10px 25px; border-bottom:1px dashed #bbb }
#banner_menu .menu_wrap .menu_btm { padding:25px 10px 15px }
#banner_menu .menu_wrap .menu_top .m_01 .icon_sec { background:url(/images/main_banner_01.png) no-repeat center top }
#banner_menu .menu_wrap .menu_top .m_02 .icon_sec { background:url(/images/main_banner_02.png) no-repeat center top }
#banner_menu .menu_wrap .menu_top .m_03 .icon_sec { background:url(/images/main_banner_03.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_01 .icon_sec { background:url(/images/main_banner_04.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_02 .icon_sec { background:url(/images/main_banner_05.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_03 .icon_sec { background:url(/images/main_banner_06.png) no-repeat center top }

#banner_menu .menu_wrap .menu_top .m_01.on .icon_sec { background:url(/images/main_banner_01.png) no-repeat center top }
#banner_menu .menu_wrap .menu_top .m_02.on .icon_sec { background:url(/images/main_banner_02.png) no-repeat center top }
#banner_menu .menu_wrap .menu_top .m_03.on .icon_sec { background:url(/images/main_banner_03.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_01.on .icon_sec { background:url(/images/main_banner_04.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_02.on .icon_sec { background:url(/images/main_banner_05.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_03.on .icon_sec { background:url(/images/main_banner_06.png) no-repeat center top }


#banner_menu .menu_wrap .menu_top .m_01 .icon_sec:hover { background:url(/images/main_banner_01_.png) no-repeat center top }
#banner_menu .menu_wrap .menu_top .m_02 .icon_sec:hover { background:url(/images/main_banner_02_.png) no-repeat center top }
#banner_menu .menu_wrap .menu_top .m_03 .icon_sec:hover { background:url(/images/main_banner_03_.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_01 .icon_sec:hover { background:url(/images/main_banner_04_.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_02 .icon_sec:hover { background:url(/images/main_banner_05_.png) no-repeat center top }
#banner_menu .menu_wrap .menu_btm .m_03 .icon_sec:hover { background:url(/images/main_banner_06_.png) no-repeat center top }

.main_customer { height:209px; padding-top:56px; background:url(/images/main_bottom.jpg) no-repeat center top }
.main_customer .custom_info { height:115px;}
.main_customer .custom_info .info_box { width:100%; max-width:1200px; margin:1px auto 0; text-align:center; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5) }
.main_customer a { color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5) }
.main_customer .custom_info .info_box .intro_txt { font-size:21px; font-weight:300 }
.main_customer .custom_info .info_box .cs_info .cate_name { margin-right:20px; font-size:32px; font-weight:300  }
.main_customer .custom_info .info_box .cs_info .tel_info { font-size:32px; font-weight:500; color:#fff;  }
.main_customer .custom_info .info_box .time_info { margin-top:16px; font-size:20px; font-weight:300  }




.quickArea { height:160px; display:block;  padding:0px; overflow:hidden; }
.quickArea ul.quick {display:block}
.quickArea ul.quick:after {clear:both; content:''; display:block;}
.quickArea ul.quick li {float:left; width:200px; text-align:center; overflow:hidden;position:relative;}
.quickArea ul.quick li:first-child { }
.quickArea ul.quick li a{display:block; height:160px; padding:98px 0px 0px 0px;    font-size:18px; text-align:center;color:#313131;letter-spacing:-1px;font-family: 'nanum-square-b';-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.quickArea ul.quick li a:hover {color:#6a87aa;}
.quickArea a .qoff {position:absolute; top:27px; left:0px; display:block;width:100%; height:67px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }
.quickArea a:hover .qoff {opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0);  }
.quickArea a .qon{position:absolute; top:27px; left:0px;  display:block; width:100%; height:67px;-webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0);  }
.quickArea a:hover .qon { opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);  }
.quickArea a .qbg1{background:url(/images/main_quick1.jpg) center 0px no-repeat;}
.quickArea a .qbg2{background:url(/images/main_quick2.jpg) center 0px no-repeat;}
.quickArea a .qbg3{background:url(/images/main_quick3.jpg) center 0px no-repeat;}
.quickArea a .qbg4{background:url(/images/main_quick4.jpg) center 0px no-repeat;}
.quickArea a .qbg5{background:url(/images/main_quick5.jpg) center 0px no-repeat;}
.quickArea a .qbg6{background:url(/images/main_quick6.jpg) center 0px no-repeat;}
.quickArea a .qbg7{background:url(/images/main_quick7.jpg) center 0px no-repeat;}
.quickArea a .qbg8{background:url(/images/main_quick14.jpg) center 0px no-repeat;}
.quickArea a .qbg1_on{background:url(/images/main_quick1.jpg) center -70px no-repeat;}
.quickArea a .qbg2_on{background:url(/images/main_quick2.jpg) center -71px no-repeat;}
.quickArea a .qbg3_on{background:url(/images/main_quick3.jpg) center -71px no-repeat;}
.quickArea a .qbg4_on{background:url(/images/main_quick4.jpg) center -70px no-repeat;}
.quickArea a .qbg5_on{background:url(/images/main_quick5.jpg) center -71px no-repeat;}
.quickArea a .qbg6_on{background:url(/images/main_quick6.jpg) center -71px no-repeat;}
.quickArea a .qbg7_on{background:url(/images/main_quick7.jpg) center -71px no-repeat;}
.quickArea a .qbg8_on{background:url(/images/main_quick14.jpg) center -71px no-repeat;}
.quickArea ul.quick li a p{margin-top:18px;}


.main_bottom_bg {width:100%; background-color:#ddd; min-height:300px; padding-top: 20px;}
.main_bottom {width:1200px; min-height:250px; margin:0 auto;  background-color:#fff}
.main_bottom1 {float:left; width:300px; height:260px; margin:30px 0 20px 0; background:url('/images/main_b_10.jpg') no-repeat center center; }
.main_bottom1_txt1 {width:100%; height:30px; background-color:rgba(0,0,0,0.5); font-size:20px; color:#fff; text-align:center; padding:10px 0;}
.main_bottom1_txt2 {width:100%; padding:5px;}
.mbt21 {float:left; width:70px; color:#fff; font-size:14px; text-align:right; text-shadow:1px 1px 0px #000 }
.mbt22 {float:left; width:110px; color:#fff; font-size:14px; margin-bottom:5px;  text-shadow:1px 1px 0px #000}
.main_bottom2 {float:left; width:180px; height:260px; margin:30px 0 20px 20px; background:url('/images/main_b_10.jpg') no-repeat center center; }
.mbt23 {width:100%; color:#fff; font-size:25px; text-align:center;  margin-bottom:20px; text-shadow:1px 1px 0px #000}
.mbt24 {width:100%; color:#fff; font-size:20px; text-align:center; text-shadow:1px 1px 0px #000}
.main_bottom3 {float:left; width:300px; height:400px; margin:30px 0 20px 20px;}
.main_bottom31 {width:100%;}
.main_bottom32 {width:100%; margin-top:20px;}
.main_bottom4 {float:left; width:880px; height:230px; margin:28px 0 20px 20px;}

#main_bottom_alim_1 {float: left; width:30%; height:300px; padding:0; margin:0;}
#main_bottom_alim_2 {float: left; width:35%; height:300px; padding:0; margin:0;}
#main_bottom_alim_3 {float: left; width:35%; height:300px; padding:0; margin:0;}

@media (max-width:800px) {
	.quickArea { height:320px; display:block;  padding:0px 5px; overflow:hidden; }
	.quickArea ul.quick {display:block}
	.quickArea ul.quick:after {clear:both; content:''; display:block;}
	.quickArea ul.quick li {float:left; width:33%; text-align:center; overflow:hidden;position:relative;}
	.quickArea ul.quick li:first-child { }
	.quickArea ul.quick li a{display:block; height:160px; padding:98px 0px 0px 0px;    font-size:18px; text-align:center;color:#313131;letter-spacing:-1px;font-family: 'nanum-square-b';-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.quickArea ul.quick li a:hover {color:#6a87aa;}
	.quickArea a .qoff {position:absolute; top:27px; left:0px; display:block;width:100%; height:67px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }
	.quickArea a:hover .qoff {opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0);  }
	.quickArea a .qon{position:absolute; top:27px; left:0px;  display:block; width:100%; height:67px;-webkit-transition:.5s ease-in-out; transition:.5s ease-in-out; opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0);  }
	.quickArea a:hover .qon { opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);  }
	.quickArea a .qbg1{background:url(/images/main_quick1.jpg) center 0px no-repeat;}
	.quickArea a .qbg2{background:url(/images/main_quick2.jpg) center 0px no-repeat;}
	.quickArea a .qbg3{background:url(/images/main_quick3.jpg) center 0px no-repeat;}
	.quickArea a .qbg4{background:url(/images/main_quick4.jpg) center 0px no-repeat;}
	.quickArea a .qbg5{background:url(/images/main_quick5.jpg) center 0px no-repeat;}
	.quickArea a .qbg6{background:url(/images/main_quick6.jpg) center 0px no-repeat;}
	.quickArea a .qbg7{background:url(/images/main_quick7.jpg) center 0px no-repeat;}
	.quickArea a .qbg1_on{background:url(/images/main_quick1.jpg) center -70px no-repeat;}
	.quickArea a .qbg2_on{background:url(/images/main_quick2.jpg) center -71px no-repeat;}
	.quickArea a .qbg3_on{background:url(/images/main_quick3.jpg) center -71px no-repeat;}
	.quickArea a .qbg4_on{background:url(/images/main_quick4.jpg) center -70px no-repeat;}
	.quickArea a .qbg5_on{background:url(/images/main_quick5.jpg) center -71px no-repeat;}
	.quickArea a .qbg6_on{background:url(/images/main_quick6.jpg) center -71px no-repeat;}
	.quickArea a .qbg7_on{background:url(/images/main_quick7.jpg) center -71px no-repeat;}
	.quickArea ul.quick li a p{margin-top:18px;}
	.m_hidden {display:none;}

	.main_bottom_bg {display:block; }
	.main_bottom {width:100%; margin:0;}
	.main_bottom1 {width:100%; text-align:center; background-color:#efefef; margin:35px 0 35px 0;}
	.main_bottom2 {width:100%; text-align:center; background-color:#efefef; margin:-10px 0 35px 0;}
	.main_bottom3 {width:100%; text-align:center; background-color:#efefef; margin:-10px 0 35px 0;}
	.main_bottom31 {width:100%; text-align:center; background-color:#efefef; margin:0px 0 35px 0;}
	.main_bottom32 {width:100%; text-align:center; background-color:#efefef; margin:-10px 0 35px 0;}
	.main_bottom4 {width:100%; text-align:center; background-color:#efefef; margin:10px 0 35px 0;}

	#main_bottom_alim_1 {width:100%; padding:0; margin:0;}
	#main_bottom_alim_2 {width:100%; padding:0; margin:0;}
	#main_bottom_alim_3 {width:100%; padding:0; margin:0;}

}