@charset "utf-8";

/*메인비주얼*/
.main_cont {width:100%; background:url('/foreign/en/img/main/bg01.jpg');}
.visual {width:100%; padding-bottom:20px;}
.visual div {position:relative; width:950px; height:427px; text-align:left; padding-top:20px; margin:0 auto; z-index:2;}
.visual div .visual_text01 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text02 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text03 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text04 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text05 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text06 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text07 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text08 {display:block; font-size:48px; font-weight:600; color:#ffffff; margin-top:130px; margin-left:540px;}
.visual div .visual_text01 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text02 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text03 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text04 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text05 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text06 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text07 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual div .visual_text08 > span {display:block; font-size:16px; color:#ffffff; margin-top:30px; margin-bottom:15px;}
.visual_btn {position:absolute; display:block; margin-left:340px; padding:8px 0 0 200px;}
.visual_btn li {float:left; padding:0 2px 0 2px;}
.visual_img_btn li {float:left;}
.visual_img_btn li > a {display:block; width:118px; height:77px;}
.visual_img_btn {padding-top:93px;}
.visual_img_btn .img01 {background:url(/foreign/en/img/main/mainimg01_on.jpg)no-repeat left top;}
.visual_img_btn .img02 {background:url(/foreign/en/img/main/mainimg02_on.jpg)no-repeat left top;}
.visual_img_btn .img03 {background:url(/foreign/en/img/main/mainimg03_on.jpg)no-repeat left top;}
.visual_img_btn .img04 {background:url(/foreign/en/img/main/mainimg04_on.jpg)no-repeat left top;}
.visual_img_btn .img05 {background:url(/foreign/en/img/main/mainimg05_on.jpg)no-repeat left top;}
.visual_img_btn .img06 {background:url(/foreign/en/img/main/mainimg06_on.jpg)no-repeat left top;}
.visual_img_btn .img07 {background:url(/foreign/en/img/main/mainimg07_on.jpg)no-repeat left top;}
.visual_img_btn .img08 {background:url(/foreign/en/img/main/mainimg08_on.jpg)no-repeat left top;}
.visual_img_btn .on {border:3px solid #ffffff; margin-top:-3px;}
.visual_img_btn .on img {display:none;}
.visual .visual_img > li {position:absolute; width:100%; top:152px; left:0; text-align: center;}
.visual .visual_img > li > img {margin:0 auto;}
.bx-wrapper {position:relative; width:100%; height:452px; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-viewport {position:absolute !important; left:0; top:0; height:452px !important; background:#bae7f7 !important; border:none !important; box-shadow:none !important; left:0 !important;}
.bx-wrapper img {display:block; width:1920px; height:452px;}
.bxslider {overflow:hidden; width:100%; margin:0; padding:0;}
.bxslider li {width:100%;}
.bx-controls {z-index:999; overflow:hidden;}
.bx-controls-direction {position:absolute; overflow:hidden; width:1200px; height:90px !important; left:18.75%; top:50%;}
.bx-controls-direction .bx-prev {display:block; width:90px; height:90px; box-sizing:border-box; float:left;}
.bx-controls-direction .bx-next {display:block; width:90px; height:90px; box-sizing:border-box; float:right;}
.bx-controls-direction a:focus {display:block; width:90px; height:90px; box-sizing:border-box;}
.bx-default-pager {position:absolute; bottom:0; left:44%; background:#ddd; text-align:center; background:url('/foreign/en/image/main/bg_control.png') no-repeat 0 0; width:181px !important; height:28px !important;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {background: url('/foreign/en/image/main/controls.png') no-repeat 0 0;}
.bx-wrapper .bx-prev {background-position:0 0;}
.bx-wrapper .bx-prev:hover {background-position:0 -90px;}
.bx-wrapper .bx-next {background-position:-90px 0;}
.bx-wrapper .bx-next:hover {background-position:-90px -90px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background-image: url('/foreign/en/image/main/controls.png'); background-position:-11px -180px; width:58px; height:12px; background-color:#ddd !important;}
.bx-pager-link {background:#777;}
.bx-wrapper .bx-pager.bx-default-pager a {margin:9px 5px;}

/*메인 콘텐츠*/
.main_Cont1 {height:255px; box-sizing:border-box;}
.col01 {float:left; text-align:center; width:390px; height:230px; padding-top:20px; box-sizing:border-box; background:#fff url('/foreign/en/img/main/col01.jpg') left top no-repeat; border:1px solid #e3e3e9;}
.col01 h4 {font-size:12px; color:#acacac; margin-bottom:15px; text-align:left; background:url('/foreign/en/img/main/col_topline.gif') 245px top no-repeat; padding:15px 0 0 246px;}
.col01 span {display:block; font-size:18px; font-weight:600; color:#4c4d4d; text-align:left; padding:0 0 0 245px; margin-top:-20px;}
.col01 .txt {font-size:11px; color:#4c4d4d; text-align:left; line-height:14px; padding:100px 0 0 245px;}
.col01 .btn_more {float:right; margin-top:-188px; margin-right:12px;}
.col02 {float:left; text-align:center; margin-left:15px; width:290px; height:230px; padding-top:20px; box-sizing:border-box; background:#fff url('/foreign/en/img/main/col02.gif') center 77px no-repeat; border:1px solid #e3e3e9;}
.col02 h4 {font-size:12px; color:#acacac; margin-bottom:15px; text-align:left; background:url('/foreign/en/img/main/col_topline.gif') 36px top no-repeat; padding:15px 0 0 37px;}
.col02 span {display:block; font-size:18px; font-weight:600; color:#4c4d4d; text-align:left; padding:0 0 0 37px; margin-top:-20px;}
.col02 .btn_more {float:right; margin-top:-60px; margin-right:12px;}
.col03 {float:right; position:relative; width:390px; height:230px; box-sizing:border-box; background:#f1f1f5 url('/foreign/en/img/main/col03.jpg') no-repeat right bottom; border:1px solid #e3e3e9;}
.col03 p {font-size:12px;color:#ffffff;line-height:14px;padding:115px 0 0 25px;background: url(/foreign/en/img/main/photo_mayor.png) no-repeat right bottom;height:100%;box-sizing:border-box;}
.col03 p > a {color:#ffffff;}
.col03 span{width:54%; height:70px; text-indent:-999em; background:url(/foreign/en/img/main/col03_txt.png) no-repeat 10px top; display:inline-block; position:absolute; top:30px;}

.main_Cont2 {height:212px; box-sizing:border-box;}
.box01 > a {float:left; width:190px; height:57px; font-size:17px; text-align:center; padding:113px 0 0 0px; font-weight:600; color:#616161; line-height:19px; border:5px solid #3e6e9b; margin-right:25px; background:url('/foreign/en/img/main/icon01.png') no-repeat center 37px;}
.box02 > a {float:left; width:190px; height:57px; font-size:17px; text-align:center; padding:113px 0 0 0px; font-weight:600; color:#616161; line-height:19px; border:5px solid #e46e50; margin-right:25px; background: url('/foreign/en/img/main/icon02.png') no-repeat center 37px;}
.box03 > a {float:left; width:190px; height:57px; font-size:17px; text-align:center; padding:113px 0 0 0px; font-weight:600; color:#616161; line-height:19px; border:5px solid #3e6e9b; margin-right:25px; background: url('/foreign/en/img/main/icon03.png') no-repeat center 37px;}
.box04 > a {float:left; width:190px; height:57px; font-size:17px; text-align:center; padding:113px 0 0 0px; font-weight:600; color:#616161; line-height:19px; border:5px solid #e46e50; margin-right:25px; background: url('/foreign/en/img/main/icon04.png') no-repeat center 37px;}
.box05 > a {float:left; width:190px; height:57px; font-size:17px; text-align:center; padding:113px 0 0 0px; font-weight:600; color:#616161; line-height:19px; border:5px solid #3e6e9b; background: url('/foreign/en/img/main/icon05.png') no-repeat center 37px;}
.box01 > a:hover {float:left; width:190px; height:57px; font-size:16px; padding:113px 0 0 0px; font-weight:600; color:#ffffff; line-height:19px; border:5px solid #3e6e9b; margin-right:25px; background:#3e6e9b url('/foreign/en/img/main/icon01_hover.png') no-repeat right top;}
.box02 > a:hover {float:left; width:190px; height:57px; font-size:16px; padding:113px 0 0 0px; font-weight:600; color:#ffffff; line-height:19px; margin-right:25px; background:#e46e50 url('/foreign/en/img/main/icon02_hover.png') no-repeat right top;}
.box03 > a:hover {float:left; width:190px; height:57px; font-size:16px; padding:113px 0 0 0px; font-weight:600; color:#ffffff; line-height:19px; border:5px solid #3e6e9b; margin-right:25px; background:#3e6e9b url('/foreign/en/img/main/icon03_hover.png') no-repeat right top;}
.box04 > a:hover {float:left; width:190px; height:57px; font-size:16px; padding:113px 0 0 0px; font-weight:600; color:#ffffff; line-height:19px; border:5px solid #e46e50; margin-right:25px; background:#e46e50 url('/foreign/en/img/main/icon04_hover.png') no-repeat right top;}
.box05 > a:hover {float:left; width:190px; height:57px; font-size:16px; padding:113px 0 0 0px; font-weight:600; color:#ffffff; line-height:19px; border:5px solid #3e6e9b; background:#3e6e9b url('/foreign/en/img/main/icon05_hover.png') no-repeat right top;}

.main_Cont3 {width:100%; height:496px; background:url('/foreign/ch/img/main/bg02_ch.png') repeat-x center top; padding-top:33px;}
.main_Cont3 h4 {height:79px; font-size:25px; font-weight:600; color:#ffffff; text-align:center; background:url('/foreign/en/img/main/cont3_title.png') no-repeat center top; padding:25px 0 20px 13px; letter-spacing:-1px;}
.main_Cont3 div > a > img {padding:180px 0 17px 0; display:block; margin:0 auto;}
.box2_01 {float:left; width:252px; height:305px; font-size:17px; font-weight:600; color:#383838; text-align:center; line-height:18px; border-radius:20px; border:2px solid #ffffff; background:#ffffff url('/foreign/en/img/main/box2_01.png') no-repeat center top; margin-right:25px;}
.box2_02 {float:left; width:252px; height:305px; font-size:17px; font-weight:600; color:#383838; text-align:center; line-height:18px; border-radius:20px; border:2px solid #ffffff; background:#ffffff url('/foreign/en/img/main/box2_02.png') no-repeat center top; margin-right:25px;}
.box2_03 {float:left; width:252px; height:305px; font-size:17px; font-weight:600; color:#383838; text-align:center; line-height:18px; border-radius:20px; border:2px solid #ffffff; background:#ffffff url('/foreign/en/img/main/box2_03.png') no-repeat center top; margin-right:25px;}
.box2_04 {float:left; width:252px; height:305px; font-size:17px; font-weight:600; color:#383838; text-align:center; line-height:18px; border-radius:20px; border:2px solid #ffffff; background:#ffffff url('/foreign/en/img/main/box2_04.png') no-repeat center top;}

.flexible > div[class^="box2_"]>a{width: 252px; height: 305px; display: block;}

/* 배너모음 */
.mainBanner {clear:both; overflow:hidden; height:66px; border-top:1px solid #ddd;}
.mainBanner h3 {float:left; width:80px; margin-top:24px; font-weight:600; font-size:16px;}
.mainBanner .banBtn {float:left; width:93px; margin-top:21px; margin-bottom:20px; border-left:1px solid #ddd; box-sizing:border-box;}
.mainBanner .banBtn li {float:left; height:24px; margin-left:-1px; line-height:0;}
.mainBanner .banList {position:relative; float:left; width:83%; height:18px; margin-top:25px; margin-left:2%; overflow:hidden;}
.mainBanner .banList ul {position:relative; width:3000px;}
.mainBanner .banList li {float:left; padding:0 14px 5px; border-left:1px solid #ccc;}
.mainBanner .banList li:first-child {border-left:0; padding-left:0;}
.mainBanner .banList li a {display:block; /*padding:0 14px;*/ font-weight:600; font-size:13px;}

/*common*/
.btn {overflow:hidden; display:inline-block;}
.btn > .more {display:block; margin:0 auto; border:1px solid #ccc; padding:6px 70px 8px 10px; background:#fff url('/foreign/en/image/common/bg_btn_more.gif') no-repeat right center; }