@charset "utf-8";
/* CSS Document */

*, hmtl, body {margin:0;padding:0;}
body ul, body ol {list-style:none}
img {border:0; vertical-align:top;}
body {min-width:1280px;}


/* 추가 */
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

#main_visual {position:relative;}
#main_visual .bx-has-pager {position:absolute; bottom:10px; left:0; width:100%; z-index:99;}
#main_visual .bx-has-pager .bx-pager {width:100%; text-align:center;}
#main_visual .bx-has-pager .bx-pager-item {display:inline-block; *display:inline; *zoom:1; margin:0 4px;}
#main_visual .bx-has-pager .bx-pager-item a {border:1px solid #fff; background:#fff; width:20px; height:20px; border-radius:50%; display:block; text-indent:-9999px; overflow:hidden; opacity:0.8;text-align:left;}
#main_visual .bx-has-pager .bx-pager-item a.active {background:#039;}


.main_inner {width:1200px; margin:12px auto 0 ; position:relative;}


.main_inner .bx-controls {position:absolute; top:40%; left:0; width:100%; z-index:99;}
.main_inner .bx-controls .bx-controls-direction {width:100%;}
.main_inner .bx-controls .bx-controls-direction a {position:absolute; top:0; width:54px; height:54px; display:block; overflow:hidden; text-indent:-9999px; opacity:0.5;}
.main_inner .bx-controls .bx-controls-direction a:hover {opacity:0.9;}
.main_inner .bx-controls .bx-controls-direction .bx-prev {left:-27px; background:url(../images/main/prev_bt.png) no-repeat 0 0;}
.main_inner .bx-controls .bx-controls-direction .bx-next {right:-27px; background:url(../images/main/next_bt.png) no-repeat 0 0;}



#copyright{width:900px !important;margin:45px 0 0 56px !important;}

.main_bg01 { background:url(../images/main/main1.jpg) no-repeat 50% 0;}
.main_bg02 { background:url(../images/main/main2.jpg) no-repeat 50% 0;}
.main_bg03 { background:url(../images/main/main3.jpg) no-repeat 50% 0;}
.main_bg04 { background:url(../images/main/main4.jpg) no-repeat 50% 0;}
.slideimg {width:100%; height:550px; background-size:cover; text-align:center;}


#menu {overflow:hidden;}
#main_banner01 {height:220px !important;}

@media screen and (width:1199px){
.main_inner .bx-controls .bx-controls-direction .bx-prev {left:0px;}
.main_inner .bx-controls .bx-controls-direction .bx-next {right:0px;}	
}

#menu > div {font-size:0; text-align:center;}
.logo {margin:28px 0 28px 370px !important;}


/*메인하단 추가 2016.10.25*/
.m_cusBox { position:relative; width:1246px; height:379px; margin:0 auto; background:url(../images/main/m_customer_1.jpg) no-repeat center 66px; }
.m_cusBox ul { position:absolute; top:210px; left:50%; margin-left:22px; }
.m_cusBox ul li { float:left; width:190px; height:230px; margin-left:10px; }
.m_cusBox ul li a { display:block; width:100%; height:100%; }
.m_cusBox ul li a.m_cuslist01 { background:url(../images/main/m_customer_1_1.jpg) no-repeat 0 0; }
.m_cusBox ul li a.m_cuslist02 { background:url(../images/main/m_customer_1_2.jpg) no-repeat 0 0; }
.m_cusBox ul li a.m_cuslist03 { background:url(../images/main/m_customer_1_3.jpg) no-repeat 0 0; }
.m_cusBox ul li a:hover { background-position:-190px 0; }
.m_cusBox ul li a strong { display:block; width:90%; margin:0 auto; padding:60px 0 10px; border-bottom:solid 2px #fff; color:#fff; font-size:24px; }
.m_cusBox ul li a p { padding:10px 0; font-size:15px; color:#fff; }



/* 탈장이란 */
.ex_sub_bg {position:relative; width:100%; overflow:hidden;}
.ex_sub_bg_02 { background:url(../images/sub/ch_sub_02_bg.jpg) no-repeat 0 0; height:997px;}
.ex_sub_bg .ex_simg { height:330px;}

.ex_title {font-size:38px; color:#023689; font-weight:600; vertical-align:bottom; letter-spacing:-0.8px; margin-bottom:10px; border-left:4px solid #023689; line-height:38px; padding-left:10px; vertical-align:middle;}
.ex_title span.ex_title_sub { font-size:36px; font-weight:normal; vertical-align:bottom;}
.ex_p {color:#4e504f; line-height:28px; letter-spacing:-0.5px;}

.ex_sub_bg .ex_simg .ex_title {padding:46px 20px 40px 38px; border:0;}
.ex_sub_bg .ex_simg .ex_p {padding-left:250px;}

.ex_area { position:relative; overflow:hidden; margin:40px 0;}
.ex_twoimg {}
.ex_twoimg .ex_title {margin-top:20px;}
.ex_two_ol {margin:54px 0 80px 0; overflow:hidden;}
.ex_two_ol li {width:47.9%; float:left;}
.ex_two_ol li .ex_point { padding:12px 0 14px 142px; color:#fff; font-size:16px; font-weight:bold;}
.ex_two_ol li .ex_p {padding-left:124px;}

.ex_list {}
.ex_list h3 {font-size:24px; color:#fff; background:#023689; border-radius:8px; text-indent:30px; padding:4px 0; width:94%; font-weight:normal;}
.ex_list h3.ex_tit03 { padding:10px 0 5px; text-align:center; font-size:30px; color:#fff600; font-weight:600; line-height:30px; }
.ex_list h3.ex_tit03 span { font-size:15px; color:#ddd; font-weight:normal; }
.ex_list ol {padding-top:6px; width:94%;}
.ex_list ol li {padding:10px 0; border-bottom:1px dotted #aaa; text-indent:42px; background:url(../images/sub/chk.png) no-repeat 12px 50%;}

.ex_list01 { text-align:center;}
.ex_list01 .ex_tit01 {font-size:24px; color:#fff; background:#62a5fc; border-radius:8px; text-indent:30px; padding:4px 0; margin-bottom:10px; width:94%; font-weight:normal;}
.ex_list01 .ex_tit02 {font-size:24px; color:#fff; background:#023689; border-radius:8px; /*text-indent:30px;*/ padding:4px 0; margin-top:10px; width:94%; font-weight:normal;}

.ex_textBox { margin:30px 0 50px; overflow:hidden; }
.ex_textBox h3 strong { display: inline-block; font-size:24px; color:#fff; background:#d53a62; border-radius:8px; padding:4px 30px; font-weight:500; }
.ex_textBox h3 span { display:inline-block; font-size:18px; text-indent:20px; color:#666; font-weight:normal}
.ex_textBox p { float:left; padding:30px 0 0 30px;}



.brd01 {border-top:1px solid #eee; border-bottom:1px solid #eee; margin:0; padding:10px 0 14px; text-align:center; position:relative; }
.brd01:after {clear:both; content:''; position:absolute; bottom:-13px; width:100%; left:0; height:12px; background:url(../images/sub/shadow.jpg) no-repeat center 0;opacity:0.3;}



.nmp {margin:0;padding:0; float:left; width:399px; height:454px; position:relative; overflow:hidden;}
.nmp .bx-has-pager {position:absolute; top:30px; right:20px; width:100%; z-index:99;}
.nmp .bx-has-pager .bx-pager {width:100%; text-align:right;}
.nmp .bx-has-pager .bx-pager-item {display:inline-block; *display:inline; *zoom:1; margin:0 4px;}
.nmp .bx-has-pager .bx-pager-item a {width:16px; height:16px; border-radius:50%; display:block; text-indent:-9999px; overflow:hidden; opacity:1; background:#ccc; text-align:left;}
.nmp .bx-has-pager .bx-pager-item a.active {background:#039;}


/*마취*/
.maBox { width:85%; padding:30px; border:solid 5px #b9cfde; text-align:center }
.maBox h3 { padding:0 0 30px 0; margin-bottom:40px; text-align:center; font-size:40px; border-bottom:dashed 1px #ddd; font-style:italic; }
.maBox h3 span { color:#cc1c1c; }
.maBox p { margin-bottom:40px; }
.matit { display:block; font-size:30px; line-height:50px; text-decoration:underline; color:#356d99; }




/* 공용 */
.text_lightblue {color:#7ca0de}
.text_pink {color:#f0d1e1;}
.text_blue {color:#023689;}
.text_red {color:#CA0000;}
.ex_point_all {color:#fff; font-size:22px; font-weight:normal; background:#7ca0de; border-radius:8px; padding:4px 16px 4px 14px; font-style:italic;}
.ex_point_all_1 {color:#fff; font-size:22px; font-weight:normal; background:#356d99;padding:5px 20px 8px 15px; border-radius:8px; font-style:italic;}
.mt60 {margin-top:60px;}
.ex_tip {background:url(../images/sub/tip.png) no-repeat 0 0; color:#fff; font-weight:normal; text-align:center; width:120px; height:32px; line-height:32px; display:inline-block; *display:inline; *zoom:1;}
.mb8:first-child {margin-top:10px;}
.mb8 {margin-bottom:8px;}



.top_em {position:absolute; top:30px; left:30px; z-index:90;}
.logo_bo {position:fixed; top:0px; right:10px; z-index:999;}
.right_bo2 {position:fixed; top:190px; right:0px; z-index:999; width:120px; height:135px; background:url(../images/common/right_bo2_1.png) no-repeat 0 0;}
.right_bo2 a {display:block; width:120px; height:44px; margin-bottom:1px; text-align:left; text-indent:-9999px; background:url(none.gif)}
.right_bo2 .right_bo_a1 {}
.right_bo2 .right_bo_a2 {}

#menu_re {background:#0f518d; width:100%; overflow:visible; height:59px; position:relative;}
#menu_re .w1200 {overflow:visible;}
#menu_re ul.mainmenu {margin-left:5px;}
#menu_re ul.mainmenu li {float:left; font-size:0; text-align:left;}
#menu_re ul.mainmenu > li {position:relative;}
#menu_re ul.mainmenu > li > a {display:block; text-align:center; font-size:18px; color:#fff; height:59px; line-height:59px; padding:0 30px; background:url(../images/common/arrow.jpg) no-repeat center 150%;}
#menu_re ul.mainmenu > li > a span {color:#9bdcf8;}
#menu_re ul.mainmenu > li:hover > a, #menu_re ul.mainmenu > li > a.on {background:#fff url(../images/common/arrow.jpg) no-repeat center 150%; border-top:3px solid #9bdcf8; color:#0f518d; height:56px; line-height:56px; }
#menu_re ul.mainmenu > li:hover > a {background:#fff url(../images/common/arrow.jpg) no-repeat center 90%;}
#menu_re ul.mainmenu > li:hover > a span, #menu_re ul.mainmenu > li > a.on span {color:#0f518d;}

#menu_re ul.mainmenu  .sub_bga {display:none;width:100%; position:absolute; left:0; top:59px; height:46px; z-index:90; background:#fff; overflow:hidden;}
#menu_re ul.mainmenu > li ul.submenu {display:none; position:absolute; top:59px; left:0; z-index:91; overflow:hidden;}

#menu_re ul.mainmenu > li:hover ul.submenu {display:block;}
#menu_re ul.mainmenu > li:hover ul.submenu li {float:left;}
#menu_re ul.mainmenu > li:hover ul.submenu li a {color:#19276e; display:block; padding:0 20px; font-size:15px; line-height:46px; height:46px;}
#menu_re ul.mainmenu > li:hover ul.submenu li:hover a {color:#222; text-decoration:underline;}

.line_sub01 ul.submenu {width:1200px;}
.line_sub02 ul.submenu {width:1200px; left:-120px;}
.line_sub03 ul.submenu {width:1200px;}
.line_sub04 ul.submenu {width:1200px;}
.line_sub05 ul.submenu {width:1200px;}
.line_sub06 ul.submenu {width:1200px;}
.line_sub07 ul.submenu {width:280px; left:auto !important; right:0;}