body img { max-width:100%; }

header { position:fixed; top:0px; left:0px; width:100%; height:78px; z-index:5; background:#fff; }
header #logo { position:absolute; top:22px; left:26px; width:314px; height:29px; z-index:1; }
header #gnb { position:relative; width:100%; height:78px; margin:0 auto;  }
header #util { position:absolute; top:23px; right:36px; overflow:hidden;  z-index:1;}
header #util li.linkbt1 { float:left; position:relative; width:85px; height:36px; margin-right:20px; }
header #util li.linkbt1 a { display:block; width:85px; height:36px; line-height:36px; padding-left:28px; font-size:13px; font-weight:500; color:#000; background:url('/images/common/home.png')no-repeat 0 50%; }
header #util li.linkbt2 { float:left; position:relative; width:85px; height:36px; margin-right:34px; }
header #util li.linkbt2 a { display:block; width:85px; height:36px; text-align:center; line-height:36px; font-size:13px; font-weight:500; color:#ffffff; background:url('/images/common/topbtbg.jpg')no-repeat 0 50%; }
header #util li.linkbt3 { float: left; position: relative; width: 85px; height: 36px; }
header #util li.linkbt3 a { padding-left: 30px; display: block; width: 85px; height: 36px; line-height: 36px; font-size: 13px; font-weight: 500; color: #000; }
header #util li.linkbt4 { text-align: center; float: left; position: relative; width: 85px; height: 36px; margin-right: 10px; }
header #util li.linkbt4 a { text-align: center; display: block; width: 85px; height: 36px; line-height: 36px; font-size: 13px; font-weight: 500; color: #000; }
header #util li.allmenubt { float:left; position:relative; }
header #util .allmenubt2 { display:none; }
#gnbwrap { width:100%; height:78px; box-sizing:border-box; transition:all 0.3s ease-in-out ; }
#gnbmenu { position:relative; width:100%; height:78px; line-height:78px; text-align:center;  }
#gnbmenu ul li { display:inline-block; height:78px; padding:0 2%; }
#gnbmenu ul li a { display:block; height:78px; position:relative; width:100%; font-size:20px; font-weight:700; color:#000; }
#gnbmenu ul li a:hover { color:#07338a; }

.gnbdropwrap{position:absolute; top:78px; left:0px; width:100%; height:365px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:#fff; z-index:30; display:none; }
.gnbdrop {position:relative; width:1180px; margin:0 auto; }
.gnbimg{ float:left; width:260px; height:100%; padding-top:18px; border-right:1px solid #eeeeee; box-sizing:border-box; }
.gnbmenuwrap { position:relative; float:left; width:458px; height:100%; box-sizing:border-box; }
.ddzxc { position:relative; width:100%; height:100%; box-sizing:border-box; }
.ddzxc li.drop1li { position:relative; width:100%; }
.ddzxc li.drop1li a.drop1a {
	display:block; position:relative;width:220px; font-size:16px;  font-weight:500; line-height:1; padding:14px 0 14px 30px; color:#000; box-sizing:border-box;
	border-bottom:1px solid #d7dcdc; border-right:1px solid #d7dcdc;
}
.ddzxc li.drop1li:hover a.drop1a { color:#fff; background:#07338a; border-bottom:1px solid #07338a; border-right:1px solid #07338a; }
.ddzxc li.drop1li a.drop1a:hover { color:#fff; background:#07338a; border-bottom:1px solid #07338a; border-right:1px solid #07338a; }
.gnbdrop3td { position:absolute; top:0px; left:220px; width:200px; padding:0px 0; background:#07338a; z-index: 1; }
.gnbdrop3td li { background:#07338a; }
.gnbdrop3td li a { display:block; position:relative; width:100%; padding:8px 0 8px 30px; font-size:15px; font-weight:300; color:#fff; box-sizing:border-box; }
.gnbdrop3td li:nth-child(1) a { padding-top:28px; }
.gnbdrop3td li:last-child a { padding-bottom:28px; }
.gnbdrop3td li a:hover { color:#4dc5ff; }
.gnb01drop li:nth-child(5) .gnbdrop3td { top:-120px; }
/*.gnbcs { float:left; position:relative; width: 236px; height: 298px; padding: 46px 0 0 30px; margin-top: 20px; background:#07338a; box-sizing:border-box; }*/
.gnbcs { float:left; position:relative; width: 236px; height: 298px; padding: 30px 0 0 30px; margin-top: 20px; background:url('/images/common/bg_blue.jpg')no-repeat 0 0; box-sizing:border-box; }
.gnbcs ul li.title { font-size:26px; color:#fff; font-weight:700; line-height:100%; letter-spacing:-1px; }
.gnbcs ul li.con { padding-top:10px; font-size:15px; color:#868686; font-weight:400; line-height:100%; }
.gnbcs ul li.topinput { position:relative; width:100%; height:50px; vertical-align:middle; padding-top:10px; }
.gnbcs ul li.topinput span { display:inline-block; vertical-align:middle; }
.gnbcs ul li.topinput .phoneinput input { width:272px; height:50px; border:0; }
.gnbcs ul li.topinput .phonebt input { width:80px; height:50px; background:#4dc5ff; border:0; font-size:18px; color:#fff; font-weight:700; }
.gnbcs ul li.csphone { padding-top:20px; font-size:20px; color:#fff; font-weight:500; }
.gnbcs ul li.csphone span { display:block; font-size:25px; font-weight:700; padding-top:10px; }
.gnbcs ul li.gnbtime { padding-top:10px; font-size:14px; color:#fff; font-weight:500; }
.gnbcs ul li.gnbtime li { width:100%; margin:2px 0; }
.gnbcs ul li.gnbtime li.title { width:100%; margin:10px 0 15px 0; font-size:18px; color:#fff; font-weight:500; }
.gnbcs ul li.gnbtime span { display:inline-block; width:44px; }
.gnbcs ul li.gnblinkbt { padding-top:10px; }


#visual { position:relative; width:100%; height:800px; overflow:hidden; }
#visual .visual {  }
#visual .visual div { outline:none; }
#visual .visual .v1 { position:relative; width:100%; height:800px; background:url('/images/common/v1.jpg')no-repeat 50% 0; background-size:cover; }
#visual .visual .v1 .vtxt { position:absolute; top:166px; left:50%; transform:translateX(-50%); width:100%; text-align:center; }
#visual .visual .v1 .vtxt li.t1 { font-size:52px; font-weight:700; color:#ffffff; line-height:100%; }
#visual .visual .v1 .vtxt li.t2 { margin-top:20px; font-size:19px; font-weight:500; color:#ffffff; line-height:100%; }
#visual .visual .v1 .vtxt li.t3 { position:relative; width:663px; height:115px; margin:30px auto 0 auto; }

#visual .visual .v2 { position:relative; width:100%; height:800px; background:url('/images/common/v2.jpg')no-repeat 50% 0; background-size:cover; }
#visual .visual .v2 .vtxt { position:absolute; top:140px; left:50%; transform:translateX(-50%); width:100%; max-width:1280px; text-align:left; }
#visual .visual .v2 .vtxt li.t1 { font-size:38px; font-weight:700; color:#ffffff; line-height:140%; }
#visual .visual .v2 .vtxt li.t1 span { display:inline-block; padding-left:10px; }
#visual .visual .v2 .vtxt li.t3 { position:relative; width:100%; max-width:1280px; margin:30px auto 0 auto; }
#visual .visual .v2 .vtxt li.t3 div { float:left; width:24%; margin-right:1.25%; }
#visual .visual .v2 .vtxt li.t3 div:nth-child(4) { float:left; margin-right:0%; margin-top:40px; }
#visual .visual .v2 .vtxt li.t3 div:nth-child(2) { margin-top:40px; }

#visual .visual .v3 { position:relative; width:100%; height:800px; background:url('/images/common/v3.jpg')no-repeat 50% 0; background-size:cover; }
#visual .visual .v3 .vtxt { position:absolute; top:200px; left:50%; transform:translateX(-50%);width:100%; max-width:1280px; text-align:left; }
#visual .visual .v3 .vtxt li.t1 {  }
#visual .visual .v3 .vtxt li.t2 { margin-top:20px; font-size:52px; font-weight:700; color:#ffffff; line-height:100%; }
#visual .visual .v3 .vtxt li.t3 { margin-top:20px; font-size:19px; font-weight:500; color:#ffffff; line-height:150%; }

#visual .slick-dots { position: absolute; top: 80%; left:50%; width:100%; max-width:1280px; transform: translate(-50%,-50%) ; padding: 0; margin: 0; list-style: none; text-align: center; }
#visual .slick-dots li { position: relative; float:left; width: 18px; height: 18px; margin-right:8px; background:rgba(0,0,0,0.2); border-radius:100%; cursor: pointer; }
#visual .slick-dots li.slick-active { background:#ffffff; }


#visual .visualmenu { position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:100%; max-width:1280px; }
#visual .visualmenu div.vmbt { float:left; position:relative; width:25%; height:75px; }
#visual .visualmenu div.vmbt a { display:block; position:relative; width:100%; height:75px; line-height:75px; padding-left:88px; box-sizing:border-box; font-size:22px; font-weight:700; color:#000000; }
#visual .visualmenu div.vmbt a:hover { color:#ffffff; }
#visual .visualmenu div.vm_01 a { border-right:1px solid #e9e9e9; background:#fff url('/images/common/vm1icon_off.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_02 a { border-right:1px solid #e9e9e9; background:#fff url('/images/common/vm2icon_off.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_03 a { border-right:1px solid #e9e9e9; background:#fff url('/images/common/vm3icon_off.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_04 a { background:#fff url('/images/common/vm4icon_off.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_01 a:hover { border-right:1px solid #02348b; background:#02348b url('/images/common/vm1icon_on.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_02 a:hover { border-right:1px solid #02348b; background:#02348b url('/images/common/vm2icon_on.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_03 a:hover { border-right:1px solid #02348b; background:#02348b url('/images/common/vm3icon_on.png')no-repeat 24px 50%; }
#visual .visualmenu div.vm_04 a:hover { background:#02348b url('/images/common/vm4icon_on.png')no-repeat 24px 50%; }

#visual .visualmenu div.vmbt a span { display:block; position:absolute; top:30px; right:24px; width:19px; height:12px; background:url('/images/common/vmicon_off.png')no-repeat 0 0; }
#visual .visualmenu div.vmbt a:hover span { display:block; position:absolute; top:30px; right:24px; width:19px; height:12px; background:url('/images/common/vmicon_on.png')no-repeat 0 0; }


#boxbanner { position:relative; width:100%; max-width:1280px;  padding:92px 0; box-sizing:border-box; margin:0 auto; background:#ffffff; }
#boxbanner .boxleft { float:left; position:relative; width:30%; height:100%; overflow:hidden; }
#boxbanner .boxleft ul li.imgs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;  }
#boxbanner .boxleft ul li.imgs img { display:block; height:100%; transform:scale(1) ; transition:all 1.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;  }
#boxbanner .boxleft:hover  ul li.imgs img { display:block; transform:scale(1.2) ; transition:all 1.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#boxbanner .boxleft ul li.txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:24px; font-weight:900; color:#ffffff; }

#boxbanner .boxright { float:right; position:relative; width:69%; height:100%; overflow:hidden; }
#boxbanner .boxright div.box01 { float:left; position:relative; width:59%; height:49.5%; margin-right:1%; margin-bottom:1%; background:#0054d1; }
#boxbanner .boxright div.box02 { float:left; position:relative; width:40%; height:49.5%; margin-bottom:1%; background:#3c424e; }
#boxbanner .boxright div.box03 { float:left; position:relative; width:40%; height:49.5%; margin-right:1%; background:#2faaff; }
#boxbanner .boxright div.box04 { float:left; position:relative; width:59%; height:49.5%; background:#003d7d; }
#boxbanner .boxright div.box04 span { font-size:28px; font-weight:700; color:#fff; }
#boxbanner .boxright div div.txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:24px; font-weight:900; line-height:140%; color:#ffffff; text-align:center; }
#boxbanner .boxright div.box01 span { display:block; position:absolute; top:25px; left:25px; font-size:18px; font-weight:500; color:#fff; }
#boxbanner .boxright div a { display:block; position:absolute; bottom:0px; right:0px; width:47px; height:47px; line-height:47px; background:rgba(0,0,0,0.7); font-size:42px; font-weight:300; color:#fff; text-align:center; }
#boxbanner .boxright div.box03 a { bottom:6px; }

#boxbanner .box1 {position:relative; width:1280px; overflow:hidden; margin-bottom:2px; line-height:1.25;}
#boxbanner .box1 ul {position:relative; width:639px; height:296px; box-sizing:border-box; padding:45px; font-weight:bold; float:left;}
#boxbanner .box1 ul.meun1{background:#030268 url('/images/common/boxicon1.jpg')no-repeat 8% 84%; color:#eaf3fa; margin-right:2px; }
#boxbanner .box1 ul.meun1 li span {display:block; color:#fef79d; font-size:21px; }
#boxbanner .box1 ul.meun1 a{color:#eaf3fa; display:block;}
#boxbanner .box1 ul.meun2{background:#eaf3fa url('/images/common/boxicon2.jpg')no-repeat 8% 84%; color:#030268;}
#boxbanner .box1 ul.meun2 a{color:#030268; display:block;}
#boxbanner .box1 ul li:nth-child(1) {font-size:25px;}
#boxbanner .box1 ul li:nth-child(2) {text-align:right; font-size:25px; margin-top:40px;}
#boxbanner .box1 ul li:nth-child(3) {text-align:right; font-size:30px; margin-top:10px;}
#boxbanner .box1 ul.meun2 li:nth-child(2) {text-align:right; font-size:25px; margin-top:66px;}


#boxbanner .box2 ul {position:relative; width:1280px; overflow:hidden;}
#boxbanner .box2 ul li {position:relative; width:254px; height:100px; float:left; margin-right:2.5px; box-sizing:border-box; padding-top:38px; text-align:center;}
#boxbanner .box2 ul li:last-child { margin-right:0;}
#boxbanner .box2 ul li a {color:#fff; font-size:24px; font-weight:bold;}
#boxbanner .box2 ul li span {position:absolute; display:block; width:28px; height:28px; line-height:28px; background:rgba(0,0,0,0.5); bottom:0; right:0;}
#boxbanner .box2 ul li:nth-child(1) {background:url('/images/common/menubg.jpg')no-repeat 50% 50%;transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
#boxbanner .box2 ul li:nth-child(1):hover {background-size:105%; }
#boxbanner .box2 ul li:nth-child(2) {background:#007ac3;}
#boxbanner .box2 ul li:nth-child(3) {background:#30aaff;}
#boxbanner .box2 ul li:nth-child(4) {background:#3c424e;}
#boxbanner .box2 ul li:nth-child(5) {background:#003d7c; padding-top:25px;}

.visualservice { position:fixed; top:192px; left: 0px; cursor: pointer; }
.servicemenu { position:fixed; top:78px; left:-100%; width:222px; height:724px; padding-top:125px; box-sizing:border-box; background:#02348b; transition:all 0.5s cubic-bezier(0.5, 0, 0.1, 1) 0s; }
.servicemenu .serviceclose { opacity:0; position:absolute; top:0px; left:222px; width:49px; cursor:pointer; z-index:2; transition:all 0.5s cubic-bezier(0.5, 0, 0.1, 1) 0s; }
.servicemenu ul li a { display:block; width:78%; height:78px; line-height:77px; border-bottom:1px solid #2f6069; margin:0 auto; padding-left:58px; font-size:18px; font-weight:700; color:#fff; box-sizing:border-box;  }
.servicemenu ul li.s_menu1 a { background:url('/images/common/s_menu1.jpg')no-repeat 0 50%; }
.servicemenu ul li.s_menu2 a { background:url('/images/common/s_menu2.jpg')no-repeat 0 50%; }
.servicemenu ul li.s_menu3 a { background:url('/images/common/s_menu3.jpg')no-repeat 0 50%; }
.servicemenu ul li.s_menu4 a { background:url('/images/common/s_menu4.jpg')no-repeat 0 50%; }
.servicemenu ul li.s_menu5 a { background:url('/images/common/s_menu5.jpg')no-repeat 0 50%; }
.servicemenu ul li.s_menu6 a { background:url('/images/common/s_menu6.jpg')no-repeat 0 50%; }
.servicemenu ul li a:hover { color:#33affb; }
.servicemenu.active {  left:0%; }
.servicemenu.active .serviceclose { opacity:1; }


#maindr { position:relative; width:100%; height:996px; background:url('/images/common/maindr.jpg')repeat-x 0 0; }
#maindr .maindr { position:relative; width:100%; max-width:1920px; height:996px; background:url('/images/common/maindrlogo.jpg')no-repeat 1390px 100px; }
#maindr .maindr ul.maindrtxt { position:absolute; top:88px; left:280px; }
#maindr .maindr ul.maindrtxt li.t1 { font-size:36px; font-weight:700; color:#3c3c3c; line-height:130%; }
#maindr .maindr ul.maindrtxt li.t2 { margin-top:20px; font-size:19px; font-weight:500; color:#6d6d6d; line-height:140%; }

.maindrview { position:absolute; bottom:108px; left:0px; width:90%; height:630px; margin:0 5%; box-sizing:border-box; overflow:hidden; }
.maindrview div.maindrslide { float:left; position:relative; width:140px; height:630px; margin:0 15px; cursor:pointer; }
.maindrview div.maindrslide ul li.maindr1 { display:block; position:absolute; bottom:30px; width:137px; height:456px; }
.maindrview div.maindrslide ul li.maindr2 { display:none; position:absolute; bottom:0px; width:299px; height:620px; z-index:1; }
.maindrview div.maindrslide ul li.maindrtxt { display:none; position:absolute; top:30px; right:48px; width:467px; height:502px; padding:90px 0 0 64px; background:#ffffff; border-radius:25px; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }

.maindrview div.maindrslide ul li.maindrtxt span.name { display:inline-block; font-size:23px; font-weight:700; color:#262626; padding-bottom:18px; border-bottom:1px solid #c8c8c8; }
.maindrview div.maindrslide ul li.maindrtxt span.t2 { display:block; width:85%; margin-top:22px; font-size:29px; color:#333333; font-weight:700; line-height:130%; }
.maindrview div.maindrslide ul li.maindrtxt span.t3 { display:block; width:100%; margin-top:16px; font-size:22px; color:#1a4ab9; font-weight:500; line-height:100%; }
.maindrview div.maindrslide ul li.maindrtxt span.t4 { display:block; width:100%; margin-top:16px; font-size:17px; color:#555555; font-weight:400; line-height:140%; }
.maindrview div.maindrslide ul li.maindrtxt span.t5 { display:block; width:100%; margin-top:36px; }
.maindrview div.maindrslide ul li.maindrtxt span a { display:block; float:left; position:relative; width:166px; height:46px; margin-right:14px; border-radius:50px; background:#797979; text-align:left; box-sizing:border-box; padding-left:30px; line-height:46px; font-size:16px; font-weight:500; color:#ffffff; }
.maindrview div.maindrslide ul li.maindrtxt span a span { display:block; position:absolute; top:0px; right:30px; }
.maindrview div.maindrslide ul li.maindrtxt span a:nth-child(2) { background:#1a4ab9; }

.maindrview div.maindrslide.active2 { float:left; position:relative; width:774px; height:630px; margin:0 15px; }
.maindrview div.maindrslide.active2 ul li.maindr1 { display:none; }
.maindrview div.maindrslide.active2 ul li.maindr2 { display:block; }
.maindrview div.maindrslide.active2 ul li.maindrtxt { display:block; }

#maindr .scrollbar { position:absolute; bottom:104px; left:50%; transform:translateX(-50%); width:100%; max-width:1280px; height: 6px; background: #e3e4e6; line-height: 0; }
#maindr .scrollbar .handle { width: 240px; height: 100%; background: #007ac3; cursor: pointer; }
#maindr .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }


.achieve { position:relative; width:100%; height:786px; overflow:hidden; background-image:url(/images/common/achieve.jpg); background-size: cover; transition: all 0.7s cubic-bezier(0.5, 0, 0.1, 1) 0.2s; }
.achieve .achievetxt { position:absolute; top:96px; left:0px; width:38%; height:601px; background:url('/images/common/achievetxt.png')no-repeat 0 0; background-size: cover; }
.achieve .achievetxt ul { position:absolute; top:50%; transform:translateY(-50%); right:0%; width:70%; padding-right:10%; }
.achieve .achievetxt ul li.t1 { font-size:44px; font-weight:900; color:#ffffff; line-height:130%; }
.achieve .achievetxt ul li.t2 { margin-top:20px; font-size:27px; font-weight:700; color:#95b2dc; }
.achieve .achievetxt ul li.t3 { margin-top:20px; font-size:19px; font-weight:400; color:#ffffff; line-height:150%; }

.achieve .achievetxt2 { position:absolute; top:266px; right:0px; width:56%; }
.achieve .achievetxt2 div.line { position:absolute; top:140px; left:5px; width:100%; height:1px; background:rgba(255,255,255,0.2); }
.achieve .achievetxt2 ul { float:left; position:relative; width:30%; cursor:pointer; }
.achieve .achievetxt2 ul li.t1 { font-size:35px; font-weight:700; margin-top:20px; color:#ffffff; }
.achieve .achievetxt2 ul li.t2 { margin:30px 0; font-size:15px; font-weight:700; color:#ffffff; }
.achieve .achievetxt2 ul li.t3 { font-size:18px; font-weight:400; color:#ffffff; line-height:160%; }
.achieve .achievetxt2 ul li.t4 { font-size:49px; font-weight:900; color:#ffffff; line-height:100%; }

.achieve .achievetxt2 ul:hover li.t1,.achieve .achievetxt2 ul.active li.t1 { color:#33affb; transition: all 0.7s cubic-bezier(0.5, 0, 0.1, 1) 0s; }
.achieve .achievetxt2 ul:hover li.t2,.achieve .achievetxt2 ul.active li.t2 { color:#33affb; transition: all 0.7s cubic-bezier(0.5, 0, 0.1, 1) 0s; }



#mainnotice { position:relative; width:100%; padding:6% 0%; background:#eff4fe; }
.mainnotice { position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; }
.mainnotice div.mn_left { float:left; width:50%; }
.mainnotice div.mn_left div.title { background:url('/images/common/mntitle1.jpg')no-repeat 0 0; position:relative; width:100%; height:65px; font-size:29px; font-weight:700; color:#3c3c3c; line-height:50px; box-sizing:border-box; padding-left:70px; letter-spacing:-1px; }
.mainnotice div.mn_right { float:left; width:50%; }
.mainnotice div.mn_right div.title { background:url('/images/common/mntitle2.jpg')no-repeat 0 0; position:relative; width:100%; height:65px; font-size:29px; font-weight:700; color:#3c3c3c; line-height:50px; box-sizing:border-box; padding-left:70px; letter-spacing:-1px; }
.mainnotice div div.title a { display:block; position:absolute; top:0px; right:25px; font-size:16px; color:#575757; font-weight:400; }

.mainnotice div div.con { position:relative; width:100%; height:232px; padding:24px 0;  }
.mainnotice div div ul { float:left; position:relative; width: 47%; height:232px; padding:52px 42px 0 42px; background:#ffffff; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }
.mainnotice div div ul:nth-child(1) { margin-right:3%; }

.mainnotice div div ul li:nth-child(1) { font-size:20px; color:#000000; font-weight:700; line-height:150%; }
.mainnotice div div ul li:nth-child(1) span { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-left:6px; margin-top:-4px; border-radius:100%; background:#fed452; text-align:center; line-height:24px; font-size:13px; font-weight:600; color:#252020; }

.mainnotice div div ul li:nth-child(2) { position:absolute; bottom:35px; left:42px; width:74%; font-size:12px; color:#a5a5a5; font-weight:700; line-height:150%; }
.mainnotice div div ul li:nth-child(2) a { display:block; position:absolute; top:0px; right:0px; font-size:38px; font-weight:300; color:#7e7e7e; }

.mainnotice2 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:74px; padding-bottom:40px; overflow:hidden; }
.mainnotice2 ul { float:left; width:48.5%; height:267px; border-radius:28px; box-sizing:border-box; overflow:hidden; background:#0084d2; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }
.mainnotice2 ul:nth-child(1) { margin-right:3%; background:#ffcc08; }

.mainnotice2 ul li:nth-child(1) { float:left; position:relative; width:50%; height:100%; overflow:hidden; }
.mainnotice2 ul li:nth-child(1) img { width:auto; height:100%; }
.mainnotice2 ul li:nth-child(2) { float:left; width:50%; height:267px; overflow:hidden; font-size:22px; font-weight:700; color:#442818; padding-top:86px; padding-left:40px; box-sizing:border-box; line-height:140%; }
.mainnotice2 ul li:nth-child(2) span { font-size:17px; font-weight:500; color:#442818; }

.mainnotice2 ul:nth-child(2) li:nth-child(2) { color:#ffffff; }
.mainnotice2 ul:nth-child(2) li:nth-child(2) span { color:#fff; }


#mainnotice2 { position:relative; width:100%; height:962px; background:url('/images/common/mainnotice2.jpg')no-repeat 50% 0; background-size:cover; }
.mainnotice3 { position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:188px; overflow:hidden; }
.mainnotice3 div.mn_left { float:left; width:50%; }
.mainnotice3 div.mn_left div.title { background:url('/images/common/mntitle3.png')no-repeat 0 0; position:relative; width:100%; height:46px; margin-bottom:16px; font-size:29px; font-weight:700; color:#3c3c3c; line-height:30px; box-sizing:border-box; padding-left:93px; letter-spacing:-1px; }
.mainnotice3 div.mn_right { float:left; width:50%; }
.mainnotice3 div.mn_right div.title { background:url('/images/common/mntitle4.png')no-repeat 0 0; position:relative; width:100%; height:46px; margin-bottom:16px; font-size:29px; font-weight:700; color:#3c3c3c; line-height:30px; box-sizing:border-box; padding-left:76px; letter-spacing:-1px; }
.mainnotice3 div div.title a { display:block; position:absolute; top:0px; right:25px; font-size:16px; color:#575757; font-weight:400; }

.mainnotice3 div div.con { float:left; position:relative; width:97%; border-radius:28px; padding:44px 34px; box-sizing:border-box; overflow:hidden; background:#ffffff; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }
.mainnotice3 div div.con .conlist { position:relative; width:100%; margin-bottom:30px; overflow:hidden; }
.mainnotice3 div div.con .conlist:last-child { margin-bottom:0px; }
.mainnotice3 div div.con .conlist div { float:left; width:47%; }
.mainnotice3 div div.con .conlist ul { float:right; width:47%; }
.mainnotice3 div div.con .conlist ul li:nth-child(1) { font-size:22px; font-weight:700; color:#2c3234; line-height:130%; }
.mainnotice3 div div.con .conlist ul li:nth-child(2) { margin-top:14px; font-size:16px; font-weight:400; color:#505050; line-height:150%; }

.mainnotice3 div div.con .conlist ul li span { display:inline-block; vertical-align:middle; width:24px; height:24px; margin-left:6px; margin-top:-4px; border-radius:100%; background:#fed452; text-align:center; line-height:24px; font-size:13px; font-weight:600; color:#252020; }

#mainnotice2 .maintxt { position:absolute; bottom:136px; width:100%; font-size:28px; font-weight:700; color:#ffffff; text-align:center; font-family: 'Noto Serif KR'; }


footer { position:relative; width:100%; padding:4% 0; background:#ffffff; }
footer div.footlogo { position:relative; width:292px; margin:0 auto; text-align:center; }

footer .foottxt1 { width:100%; margin-top:20px; text-align:center; font-size:16px; font-weight:500; color:#494646; line-height:150%; }
footer .foottxt2 { width:100%; margin-top:10px; text-align:center; font-size:13px; font-weight:500; color:#cfcfcf; }
footer .foottxt3 { width:100%; margin-top:20px; text-align:center; font-size:13px; font-weight:500; color:#cfcfcf; }
footer .foottxt3 a { display:inline-block; margin:0 12px; font-size:16px; font-weight:700; color:#515151; }



.allMenu { position: fixed; top:0px; left: 0; width: 100%; height:100%;  background-color:rgba( 0, 33, 90, 0.9); z-index:300; }
.allMenu .allmenuscroll { position:relative; width:100%; height:100%; }
.allMenu .allmenuwrap { position:relative; width:100%; max-width:1280px; height:100%; margin:0 auto; }
.allMenu .allmenuwrap .list { float:left; width:20%; height:100%; border-right:1px solid #1c468e; padding-top:100px; padding-bottom:50px; padding-left:4%; box-sizing:border-box; }
.allMenu .allmenuwrap .list .oneD { width:100%; font-size:22px; font-weight:500; color:#fff; }
.allMenu .allmenuwrap .list .menuD {  }
.allMenu .allmenuwrap .list .menuD .menu {  }
.allMenu .allmenuwrap .list .menuD .menu .twoD { display:block; width:100%; font-size:15px; font-weight:500; color:#fff; padding-top:20px;  }
.allMenu .allmenuwrap .list .menuD .menu .twoD:hover{color:#11cfed; }
.allMenu .allmenuwrap .list .menuD .menu .thiD { padding-top:5px; width:100%;}
.allMenu .allmenuwrap .list .menuD .menu .thiD a { display: block; font-size: 13px; font-weight:300; color:#c5c5c5; padding-left: 8px; line-height:180%; }
.allMenu .allmenuwrap .list .menuD .menu .thiD a:hover { color:#11cfed; }
.allMenu .allmenuwrap .list .menuD .btArea { clear: both; margin-top: 35px;}
.allMenu .allmenuwrap .list .menuD .btArea a {background: #323d58 none repeat scroll 0 0;box-sizing: bordWer-box;color: #fff;display: inline-block;height: 34px;padding-top: 10px;text-align: center;width: 132px;}
.allmenuBtn{ position:absolute;  right:100px; top:60px; z-index:301;}


#allmenuwrap { position:fixed; right:-100%; top:0px; width:100%; height:100%; z-index:150; overflow-x:hidden; overflow-y:scroll; background-color:#fff; }
.allmenu_top { width:100%; height:60px; line-height:60px; background:#002087; opacity:1; }
.allmenu_top ul { position:relative; width:90%; padding:0 5%; overflow:hidden;}
.allmenu_top ul li { float:left; color:#fff; }
.allmenu_top ul li a { font-size:14px; font-weight:700; color:#fff; }
.allmenu_top ul li span { font-size:10px; font-weight:100; padding:0 8px; }
.allmenu_top ul li.allmenu_point a {color:#ffec19;}
.allmenu_top ul li.allmenu_close { position:absolute; top:50%; right:20px; transform:translateY(-50%); width:16px; height:19px; line-height:100%; }
.allmenu_top ul li.allmenu_close img { width:100%; }

.allmenu_list { position:relative; height:100%; }
.allmenu_list .allmenu_01dep_wrap li.dep01 a { position:relative; display:block; width:90%; height:40px; line-height:40px; padding:0 5%;  font-size:14px; color:#000; font-weight:700; border-bottom:1px solid #dbdbdb; background:#fff; z-index:0; }
.allmenu_list .allmenu_01dep_wrap li.dep01_on a { background:#002087; color:#fff; }
.allmenu_02dep_wrap {position:absolute; top:0; right:-50%; width:50%; overflow:hidden; height:auto; min-height:100%;background:#fff;}
.allmenu_list .allmenu_02dep_wrap li.dep02 a { position:relative; display:block; width:90%; height:40px; line-height:40px; padding:0 5%;  font-size:13px; color:#000; font-weight:500; border-bottom:1px solid #dbdbdb; background:#f5f5f5; z-index:1; }
.allmenu_list .allmenu_02dep_wrap li.dep02_on a { background:#002087; color:#fff; }
.allmenu_02dep_more {float:right;width:2%; padding-right:5%;}
.allmenu_03dep_wrap {width:100%; background:#f2f2f2; color:#fff; }
.allmenu_list .allmenu_03dep_wrap li.dep03 > a { display:block; width:90%; height:40px; line-height:40px; padding:0 5%; font-size:12px;color:#fff;}


.drview { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#fff; z-index:40; overflow-y:auto; }
.drview p.close { position:fixed; top:20px; right:40px; font-size:30px; font-weight:100; color:#fff; z-index:1; cursor:pointer; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;line-height: 40px;}
.drview_visual { position:relative; width:100%; height:894px;  }
.drview_visual ul.dvul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1280px; margin:0 auto; }
.drview_visual ul li.txt1 { display:inline-block;  }
.drview_visual ul li.txt1 div:nth-child(1) { display:inline-block; font-size:32px; font-weight:700; color:#fff; line-height:1;  padding-bottom:16px; border-bottom:4px solid #073291; }
.drview_visual ul li.txt1 div:nth-child(1) span { font-size:24px; font-weight:700; padding-left:8px; }
.drview_visual ul li.txt1 div:nth-child(2) { display:inline-block; font-size:18px; font-weight:500; color:#ffffff; line-height:1; margin-left:10px; }

.drview_visual ul li.txt2 { padding-top:26px; font-size:24px; font-weight:700; color:#fff; line-height:1; }
.drview_visual ul li.txt5 { width:650px; padding-top:10px; font-size:18px; font-weight:300; color:#fff; line-height:150%; }
.drview_visual ul li.txt3 { padding-top:22px; font-size:42px; font-weight:700; color:#ffffff; line-height:1; }
.drview_visual ul li.txt4 { width:100%; padding-top:36px; font-size:17px; font-weight:500; color:#ffffff; }
.drview_visual ul li.txt4 span { display:block; font-size:23px; font-weight:700; padding-bottom:10px; color:#073291; }
.drview_visual ul li.drviewtable { width:100%; max-width:640px; }
.drview_visual ul li.drviewbt { margin-top:40px; }

.subtable4 { width:100%; margin-top:50px; }
.subtable4 th { height:78px; border-right:1px solid #ddd; font-size:17px; color:#fff; font-weight:500; background:#073291;  text-align:center; }
.subtable4 td { height:66px; padding:0% 3% 0% 3%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; color:#383838; font-weight:400; background:#ffff; text-align:center; }
.subtable4 td.tdtitle { font-size:17px; color:#2b2b2b; font-weight:500; }
.subtable4 th:last-child { border-right:0px; }
.subtable4 td:last-child { border-right:0px; }
.subtable4 td span.subject_1 { margin-right:6px; background:#247fd9; display:inline-block; width:18px; height:18px; box-sizing:border-box; border-radius:100%; vertical-align:middle; }
.subtable4 td span.subject_2 { margin-right:6px; background:#07338a; display:inline-block; width:18px; height:18px; box-sizing:border-box; border-radius:100%; vertical-align:middle; }
.subtable4 td span.subject_3 { margin-right:6px; background:#fff; border:1px solid #000; display:inline-block; width:18px; height:18px; box-sizing:border-box; border-radius:100%; vertical-align:middle; }
.subtable4 td span.emp { color:#247fd9;  font-weight:500; }
.subtable4 td a { display:inline-block; width:160px; height:44px; margin:5px 4px; line-height:44px; background:#07338a; font-size:16px; font-weight:400; color:#fff; border-radius:40px; }
.subtable4 td a.tbt2 {  background:#00a45a; }

.drviewbt a {
display:block; float:left; width:176px; height:44px; padding-left:20px; margin-right:10px; text-align:center; line-height:42px; border-radius:30px; color:#fff; font-size:16px; font-weight:500; box-sizing:border-box;
}
.drviewbt a.drbt1 { color:#fff; background:#073291 url('/page_KR0/01_sub/images/drbtbg1.png')no-repeat 22% 50%; }
.drviewbt a.drbt2 { color:#fff; background:#247fd9 url('/page_KR0/01_sub/images/drbtbg2.png')no-repeat 22% 50%; }

.container { position:relative; width:100%; max-width:1280px; margin:0 auto; }
.drstory { position:relative; width:100%; margin-top:5%; overflow:hidden; }
.drstory .drstoryleft { float:left; width:48.5%; }
.drstory .drstoryright { float:right; width:48.5%; }
.drstory ul { width:100%; padding-left:80px; box-sizing:border-box; padding-bottom:5%; border-bottom:1px solid #dbdbdb; }
.drstory ul li.t1 { font-size:28px; font-weight:700; color:#121212; line-height:1; }
.drstory ul li.t2 { position:relative; padding-top:5%; padding-bottom:50px; font-size:18px; font-weight:400; color:#262626; line-height:180%; }
.drstory ul li.t2 div { position:absolute; bottom:0px; left:0px; }
.drstory ul li.t2 div span { float:right; display:block; width:35px; height:35px; border:1px solid #000; border-radius:100%; text-align:center; font-size:28px; font-weight:200; color:#000; box-sizing:border-box; cursor:pointer; }
.drstory ul.drstory1 {  background:url('/page_KR0/01_sub/images/drstory1.jpg')no-repeat 0 0; }
.drstory ul.drstory2 {  background:url('/page_KR0/01_sub/images/drstory2.jpg')no-repeat 0 0; }
.drstory ul.drstory3 {  background:url('/page_KR0/01_sub/images/drstory3.jpg')no-repeat 0 0; }
.drstory ul.drstory4 {  background:url('/page_KR0/01_sub/images/drstory4.jpg')no-repeat 0 0; }
.drstory ul.drstory5 {  background:url('/page_KR0/01_sub/images/drstory5.jpg')no-repeat 0 0; }
.mt50 { margin-top:50px !important; }


#mainpopup { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.5 ); z-index:500; }
#mainpopup .popallclose { position:absolute; top:4%; right:4%; }
#mainpopup .mainpopup { position:relative; top:50%; left:0%; transform: translate(0%,-50%); width:100%; min-width:320px; margin:0 auto; text-align:center; }
#mainpopup .mainpopup div { display:inline-block; margin:0 5px; background:#fff; overflow:hidden;  z-index:502; vertical-align:top; }
#mainpopup .mainpopup div ul li.popimg { border-bottom:1px solid #ddd; }
#mainpopup .mainpopup div ul li.popimg img { max-width:100%; }
#mainpopup .mainpopup div ul li.btm { position:relative; width:100%; text-align:left; height:35px; line-height:35px; padding-left:14px; font-family:'NanumGothicBold';font-size:13px; color:#000; box-sizing:border-box; }
#mainpopup .mainpopup div ul li.btm input[type="checkbox"] { display:none; }
#mainpopup .mainpopup input[type="checkbox"] + label span {
display:inline-block;
width:15px;
height:35px;
vertical-align:top;
margin-right:6px;
background:#fff;
border:0px;
cursor:pointer;
background:url('/images/common/check.jpg')no-repeat 0 50%; background-size:15px 15px;
}
#mainpopup .mainpopup input[type="checkbox"]:checked + label span {
background:url('/images/common/checkd.jpg')no-repeat 0 50%; background-size:15px 15px;
}
#mainpopup .mainpopup a.btn_close {
display:block; position:absolute; top:12px; right:14px; width:15px; height:14px; background:url('/images/common/btn_close.jpg')no-repeat 0 50%;
font-size:0px;


}