@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:#ff8806;}


.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:890px !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 430px !important;}



/* 탈장이란 */
.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:#f16522; font-weight:600; vertical-align:bottom; letter-spacing:-0.8px; margin-bottom:10px; line-height:38px; padding-left:30px; vertical-align:middle; background:url(../images/sub/tit_dot.gif) no-repeat 0 10px;}
.ex_title span.ex_title_sub { font-size:36px; font-weight:normal; vertical-align:bottom;}
.ex_p { margin-top:10px; color:#4e504f; line-height:28px; letter-spacing:-0.5px;}
.ex_p ol { list-style:circle !important; }

.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 60px; word-break: keep-all;}
.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 ol {padding-top:6px; width:94%;}
.ex_list ol li {padding:10px 0 10px 42px; border-bottom:1px dotted #aaa; background:url(../images/sub/chk.png) no-repeat 12px 13px;}


.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:#ff6b09;}


.thy_list { width:100%; height:220px; margin:30px 0 0; background:url(../images/sub/sub2_2_01.png) no-repeat; }
.thy_list li { float:left; width:279px; margin:0;}
.thy_list li strong { display:block; width:100%; margin-top:15px; padding:15px 0; text-align:center; color:#fff; font-size:18px; }
.thy_list li p { padding:5px 34px 0 35px; font-size:14px; text-align:center; color:#4e4e4e; }

.thy_table { width:838px; background:#fff; padding:0; margin:30px 0 30px; border:0; }
.thy_table th { background:#fc8100; height:50px; font-size:20px; color:#fff; }
.thy_table th.th_tit {font-size:25px !important; font-style:italic !important;}
.thy_table td { text-align:center; padding:10px 0;color:#4e504f; background:#f6f6f6; }
.thy_table td.td_tit { background:#faeadd; color:#53331a; }
.thy_table td.td_bg { background:#e6e6e6 }
.thy_table td.td_text { background:#eee5de; text-align:left; padding:15px 25px !important; }
.thy_table td.td_left { padding:10px 15px !important; text-align:left; }

.thy_table02 { width:838px; background:#fff; padding:0; margin:30px 0 30px; border:0; }
.thy_table02 th { background:#fc8100; height:50px; font-size:16px; color:#fff; }
.thy_table02 td { text-align:center; padding:10px;color:#4e504f; background:#f6f6f6; font-size:14px; }
.thy_table02 td.td_bg { background:#e6e6e6 }


.plusicon { position:absolute; top:80px; left:463px; width:31px; height:31px; background:url(../images/sub/sub2_2_03_1.png) no-repeat; }

.thy_sub0202 { width:838px; margin:40px 0 0;  }
.thy_sub0202 > li { position:relative; width:100%; padding-top: 20px; margin-bottom:70px; overflow: hidden;  }
.thy_sub0202 > li.thy_sub0202li { height:auto; padding-top: 20px; margin-bottom:70px;  }
.thy_02tit { display:block; height:37px; padding-left:25px; line-height:37px; color:#fff; font-size:25px; background:url(../images/sub/sub2_2_05.png) no-repeat; }
.thy_02tit1 { display:block; width: 530px; height:37px; padding-left:25px; line-height:37px; color:#fff; font-size:25px; background:#f16522; border-radius: 10px; }
.thy_02tit2 { display:block; width: 100%; padding:10px 25px 0 25px; margin-bottom: -5px; color:#f06423; font-size:25px; }
.thy_sub0202 li span { display:block; margin:5px 0 10px;padding-left:25px; }
.thy_sub0202 li p { margin:20px 0; color:#4e504f;padding-left:25px; }
.thy_sub0202 li .imgBox { position:absolute; top:0; right:0; }
.sub0202txt { width: 530px; margin:40px 0 0; color:#4e504f;padding-left:25px;}
.sub0202txt1 { margin:40px 0 0; color:#4e504f;padding:0 25px;}

.thyTextBox { padding:50px 0; border:solid 5px #efddd4; text-align:center; }

.thy_robot { margin:50px 0; padding:30px; text-align:center; font-size:25px; border:dashed 1px #ddd; border-width:1px 0; }
.thy_robotBox { margin-bottom:50px; }
.thyTit01 { padding-left:10px; color:#643300; font-weight:600px; border-left:solid 4px #7f4406; font-size:25px; line-height:25px; }

.thy_sub03 { width:100%; background:url(../images/sub/sub3_1_01.png) no-repeat left 30px; }

.thy_graph { height:240px; padding:13px 0 0 288px; margin:20px 0 20px 25px; background:url(../images/sub/sub3_4_01.png) no-repeat; }
.thy_graph dl { margin-bottom:30px; }
.thy_graph dl dt { font-size:18px; line-height:30px; }
.thy_graph dl dd { padding-left:23px; line-height:30px; color:#4e504f; }

.thy_order { width:838px; margin:20px 0; overflow:hidden; text-align:center;}
.thy_order li { display:inline-block; color:#ff8808; padding:30px; font-size:20px;}
.thy_order li.lineBox { border-radius:5px; border:solid 4px #c5c5c5; text-align:center; color:#4e504f; font-size:18px; }

.thy_cut { width:838px; height:399px; margin:20px 0; padding:0; background:url(../images/sub/sub3_4_03.png) no-repeat; }
.thy_cut > ul > li { float:left; width:50%; padding-top:31px; }
.thy_cut > ul > li strong { display:block; width:100%; height:30px; text-align:center; font-size:20px; line-height:30px; color:#fff; }
.thy_cut > ul > li p { margin-left:55px; font-size:15px; color:#4e504f; letter-spacing:-0.5px; }
.thy_cut > ul > li > ul { margin:13px 0 25px 220px; padding:0 }
.thy_cut > ul > li > ul li { line-height:30px; }

.thy_tit02 { display:block; width:189px; padding:0 15px; margin:40px 0 10px; background:url(../images/sub/sub3_5_01.png) no-repeat; font-size:20px; line-height:38px; color:#fff;  }

.thy_sub0204 { width:838px; border:solid 3px #ddd; margin:20px 0 0; }
.thy_sub0204 li { padding:25px; border-bottom:dashed 1px #ddd; overflow:hidden; }
.thy_sub0204 li strong { display:block; width:100%; margin-bottom:5px; font-size:25px; color:#955327; font-style:italic; font-weight:500; }
.thy_sub0204 li p { float:left; color:#4e504f; font-size:14px; }


.sub4Box { background:url(../images/sub/sub4_1_02.png) no-repeat top right; }



/* 공용 */
.text_lightblue {color:#7ca0de}
.text_pink {color:#f0d1e1;}
.text_blue {color:#023689;}
.text_red {color:#CA0000;}
.text_orange {color:#f16522;}
.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;}
.mt30 {margin-top:30px;}
.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;}
.mb40 {margin-bottom:40px;}
.ml30 { margin-left:30px; }
.mt-30 { margin-top:-30px; }
.left { float:left; }
.right { float:right; }


.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:#e87020; 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 43px; background:url(../images/common/arrow.jpg) no-repeat center 150%;}
#menu_re ul.mainmenu > li > a span {color:#ffbfa1;}
#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 #ffd8c6; color:#573524; height:56px; line-height:56px; }
#menu_re ul.mainmenu > li:hover > a {background:#fff url(../images/common/arrow.jpg) no-repeat center 92%;}
#menu_re ul.mainmenu > li:hover > a span, #menu_re ul.mainmenu > li > a.on span {color:#f16522;}

#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:#573524; 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;}



/*메인하단 추가 2016.11.16*/
.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:-288px; }
.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; }

