@charset "utf-8";
@import url(../fonts/NotoFont.css);

html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {color:#323232; margin:0; padding:0; font-family:'NotoSansKR'; font-weight:400; letter-spacing:-0.25px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
fieldset, img, abbr,acronym { border:0 none; }
ol, ul { list-style:none; }
table {border-collapse: separate; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight: normal; border:0;}
address, caption, strong, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}
legend, #header h2, #slogan h2, #footer h2, .blind{position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

body {min-width:1198px;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mt26 {margin-top:26px !important;}
.mt35 {margin-top:35px !important;}
.mt50 {margin-top:50px !important;}
.mt68 {margin-top:68px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt60 {margin-top:60px !important;}
.mt67 {margin-top:67px !important;}
.mb04 {margin-bottom:4px !important;}
.mt04 {margin-top:4px !important;}

.pdt26 {padding-top:26px !important;}
.elip1 {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.elip2 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all;}
.elip3 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:break-all;}
.elip4 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:4; -webkit-box-orient: vertical; word-break:break-all;}
.elip5 {display:block; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-break:break-all;}


.top {z-index:100; transition:all 0.3s ease; position:fixed; top:0; left:0; right:0; background:#ffffff; height:85px;}
.top_in {width:1200px; margin:0 auto;}
.top_in h1 {transition:all 0.3s ease;float:left;margin-top: 18px;}
.top_in h1 a {display:block;}
.top_in h1 a img {transition:all 0.3s ease;display:block;height: 32px;}
.top_inner {overflow:hidden;}
.top_in ul {transition:all 0.3s ease; float:right; margin-top:31px;}
.top_in ul li a {transition:font-size 0.3s ease; color:#323232; font-size:16px; line-height:24px;}

#.top_in ul li {float:left; margin-left:54px;}
.top_in ul li {float:left; margin-left:44px;}
.top_in ul li a:hover {font-weight:500;}
.top.on {height:50px; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.05);}
.top.on h1 {margin-top:11px;}
.top.on h1 a img {height:23px;}
.top.on ul {margin-top:13px;}
.top.on ul li a {font-size:14px; line-height:24px;}

.m1d {background:url(../img/m1d_bg01.png) no-repeat; height:995px; background-size:cover;}
.m1d_in {width:1200px; margin:0 auto;}
.m1d_in .w1 {padding-top:300px;}
.m1d_in .w1 .e2 {margin-top:36px; text-align:center; letter-spacing:0; font-size:12px; color:#ffffff; font-weight:100; line-height:32px;}
.m1d_in .w1 img {display:block; margin:0 auto;}
.m1d_in .w2  {margin-top:250px;}
.m1d_in .w2 ul li {position:relative; float:left; width:300px; margin-left:0px;}
.m1d_in .w2 ul li:first-child {margin-left:0px;}
.m1d_in .w2 ul li.e5 {width:180px;}
.m1d_in .w2 ul li h3 {height:114px;}
.m1d_in .w2 ul li p {margin-top:8px; font-size:12px; line-height:17px; color:#ffffff;}
.m1d_in .w2 ul li.e1 h3 {background:url(../img/main_ico01.png) center no-repeat;}
.m1d_in .w2 ul li.e2 h3 {background:url(../img/main_ico02.png) center no-repeat;}
.m1d_in .w2 ul li.e3 h3 {background:url(../img/main_ico03.png) center no-repeat;}
.m1d_in .w2 ul li.e4 h3 {background:url(../img/main_ico04.png) center no-repeat;}

.n_tit {float:left; width:450px;}
.n_tit .tit_img01 {display:block;}
.n_tit .w1 {font-size:14px; line-height:27px; margin-top:18px;}
.n_con {float:right; width:750px;}

.m2d {height:617px; background:url(../img/m2d_bg01.png) center no-repeat; background-size:cover;}
.n_in {width:1200px; margin:0 auto;}
.n_inner {overflow:hidden;}
.m2d .n_inner {padding-top:178px;}
.m2d .n_tit {margin-top:24px;}
.m2d .w1 img {display:block; margin:0 auto;}
.m2d .w2 {margin-top:48px; font-size:24px; line-height:36px; text-align:center;}
.m2d .w2 strong {font-weight:bold;}

.mn_tit h2 {letter-spacing:2px; font-size:16px; line-height:20px; color:#ffe9dd; text-align:center;}
.mn_tit h3 {margin-top:13px; font-weight:500; letter-spacing:10px; font-size:48px; line-height:56px; color:#ffffff; text-align:center;}

.m3d {background:url(../img/m3d_bg01.png) center no-repeat; background-size:cover; padding:138px 0 141px 0;}
.m3d_con {margin-top:18px;}
.m3d_con_in {background: rgba(11, 33, 89, 0.8)}
.m3d_con_in>ul {/* margin-left:-60px; */text-align: center;}
.m3d_con_in>ul:after {content:""; display:block; clear:both;}
.m3d_con_in>ul>li {/* margin-top:38px; *//* margin-left:60px; *//* background: rgba(11, 33, 89, 0.9); */float:left;/* width:280px; *//* height:358px; */box-sizing: border-box;padding: 52px 40px 40px 40px;}
.m3d_con_in>ul>li:nth-child(even) {/* background: rgba(11, 33, 89, 0.8); */}
.m3d_con_in>ul>li * {color:#ffffff;}
.m3d_con_in>ul>li .w1 {font-size:20px; line-height:30px; font-weight:500;}
.m3d_con_in>ul>li .w2 span {display:inline-block; border:1px solid #ffffff; padding:0 11px; border-radius:6px; font-size:14px; line-height:24px; font-weight:500;}
.m3d_con_in>ul>li .w2 {margin-top:31px; display:none;}
.m3d_con_in>ul>li .w3 {margin-top:23px; text-align:left; font-size:15px; line-height:19px;}
.m3d_con_in>ul>li ul>li {text-align:left; font-size:14px; line-height:19px;padding:5px 0;}
.m3d_con_in>ul>li>ul {margin-top:14px;}
.m3d_con_in .dv1{
	font-size:24px;
	line-height:30px;
	padding-bottom:15px;
	text-align:center;
	color:#ffffff;
	font-weight:500;
	border-bottom:1px solid rgba(255,255,255,0.8);
	margin:0 40px;
	margin-top: 50px;
}
.m3d_con_in .dv1 h3 {color:#ffffff; display:inline-block; border:1px solid #ffffff; padding:8px 11px; border-radius:6px;  font-weight:500;}
.m3d_con_in>ul.ex00>li {width:100%; text-align:center;}
.m3d_con_in>ul.ex01>li {width:25%; box-sizing:border-box;}
.m3d_con_in>ul.ex02>li {width:50%; box-sizing:border-box;}
.m3d_con_in>ul.ex03>li {width:33.33%;width:calc(100%/3); box-sizing:border-box;}

.m4d .mn_tit h2 {color:#585858;}
.m4d .mn_tit h3 {color:#323232;}
.m5d .mn_tit h2 {color:#585858;}
.m5d .mn_tit h3 {color:#323232;}

.m4d {padding:138px 0 50px 0;}
.m4d_con .w1 {margin-top:28px; font-size:28px; line-height:40px; color:#17469e; text-align:center;}
.m4d_con .w2 {margin-top:65px;}
.m4d_con .w2 li .img {display:block;}
.m4d_con .w2>ul {margin-left:-60px;}
.m4d_con .w2>ul:after {content:""; display:block; clear:both;}
.m4d_con .w2>ul>li {height:546px; width:570px; margin-left:60px; float:left;}
.m4d_con .w2 .e1 {margin-top:14px; font-size:20px; line-height:28px; font-weight:500;}
.m4d_con .w2 ul li ul li {font-size:16px; line-height:24px; background:url(../img/bul01.png) left 9px no-repeat; padding-left:10px;}
.m4d_con .w2 ul li ul {margin-top:5px;}

.m5d {background:#f5f5f5; padding:138px 0 141px 0;}
.m5d_con .m5d_txt01 {font-weight:500;margin-top:28px; font-size:28px; line-height:40px; color:#17469e; text-align:center;}
.m5d_1d:after {Content:""; display:block; clear:both;}
.m5d_1d {margin-top:80px;}
.m5d_1d:after {content:""; display:block; clear:both;}
.m5d_1d .lt {height:204px; box-sizing:border-box; padding-left:190px; float:left; width:45%; background:url(../img/bg_down01.png) left center no-repeat;}
.m5d_1d .w1 {font-size:28px; line-height:36px; font-weight:500; color:#17469e;}
.m5d_1d .w2 {margin-top:13px; font-size:18px; line-height:24px; color:#17469e;}
.m5d_1d ul {margin-top:20px;}
.m5d_1d ul li {font-size:16px; line-height:24px; background:url(../img/bul01.png) left 9px no-repeat; padding-left:10px;}
.m5d_1d .rt {height:204px;box-sizing:border-box;padding-left:190px;float:left;width:45%;margin-left:10%;background: url(../img/bg_up01.png) left center no-repeat;}
.m5d_con .m5d_txt02 {font-weight:500;margin-top:75px; font-size:28px; line-height:40px; color:#17469e; text-align:center;}
.m5d_2d:after {content:""; display:block; clear:both;}
.m5d_2d {margin-left:-6%;}
.m5d_2d_dv01 {float:left; width:44%; margin-left:6%; margin-top:50px;}
.m5d_2d_dv02 {float:left; width:44%; margin-left:6%; margin-top:50px;}
.m5d_2d_dv03 {float:left; width:44%; margin-left:6%; margin-top:50px;}
.m5d_2d h3 {font-size:24px; line-height:30px; color:#17469e; font-weight:500; margin-bottom:13px;}
.m5d_2d dl {position:relative;}
.m5d_2d dl dt {position:absolute; top:0; left:0; background:url(../img/bul01.png) left 9px no-repeat; padding-left:10px; font-size:16px; line-height:28px; display:inline-block;}
.m5d_2d dl dd {display:block; padding-left:83px; font-size:16px; line-height:28px;}
.m5d_2d ul li {box-sizing:border-box; float:left; width:50%; background:url(../img/bul01.png) left 9px no-repeat; padding-left:10px; font-size:16px; line-height:28px;}
.m5d_2d ul:after {content:""; display:block; clear:both;}
.m5d_2d p {background:url(../img/bul01.png) left 9px no-repeat; padding-left: 10px; font-size:16px; line-height:28px; display:inline-block;}
.m5d_2d .indv01 {height:270px;}
.m5d_2d .indv02 {height:270px;}
.m5d_con .m5d_txt03 {font-weight:500; margin-top:75px; font-size:28px; line-height:40px; color:#17469e; text-align:center;}
.m5d_3d .w1 {margin-top:50px; text-align:center;}
.m5d_3d .w1 img {display:inline-block; vertical-align:middle; margin:0 10px;}
.m5d_3d .w1 img:first-child {height:37px;}
.m5d_3d .w2 {margin-top:30px; font-size:24px; line-height:30px; color:#17469e; text-align:center;}




.m7d {background: rgba(11, 33, 89, 1); position:relative;}
.m7d_in {overflow:hidden; height:605px; margin:0 auto; width:1200px;}
.m7d .n_tit .w0 {letter-spacing:2px; font-size:16px; line-height:20px; color:#ffe9dd;}
.m7d .n_tit .w1 {font-size:15px; line-height:27px; color:#ffffff; font-weight:400;}
.m7d .n_con {float:none; width:auto; position:absolute; left:50%; right:0; margin-left:-176px; top:0; bottom:0;}
.m7d .n_con #map {position:absolute; top:0; right:0; bottom:0; left:0;}
.m7d .n_tit {padding:200px 0 170px 0;}
.m7d .n_tit .w2 {position:relative; padding-bottom:54px; margin-bottom:24px; margin-top:13px; font-weight:500; letter-spacing:10px; font-size:48px; line-height:56px; color:#ffffff;}
.m7d .n_tit .w2:after {content:""; display:block; width:35px; height:2px; background:#ffffff; position:absolute; bottom:0; left:0; }
.footer .copy_wrap {width:1200px; margin:0 auto;}
.footer .copy1 {float:left; color:#323232; font-size:11px; line-height:18px; padding:10px 0;}
.footer .copy2 {float:right; color:#323232; font-size:11px; line-height:18px; padding:10px 0;}
.footer .copy2 a {color:#323232; font-size:11px; line-height:18px;}
.footer .copy_wrap:after {content:""; display:block; clear:both;}
.footer {background:#e7e7e7;}

.top.on .lang_sel {margin-top:6px;}
.lang_sel {float:right; margin-left:40px; margin-top:24px;}
.lang_sel span {display:block; float:left; position:relative;}
.lang_sel span:first-child:before {content:""; display:block; position:absolute; top:12px; bottom:12px; width:1px; right:0; background:#999999;}
.lang_sel span a {display:block; color:#333333; font-size:13px; line-height:36px; padding:0 12px;}
.lang_sel span a.on {font-weight:500; color:#18479d;}


.top.on .lang_sel span a {font-size:11px;}


.scode .mn_tit h3 {color:#323232;}
.scode {padding:138px 0 50px 0;}
.scode_con {margin-top:28px;}
.scode_con_in {overflow:hidden;padding:0 40px 75px;background:#f5f5f5;}
.scode_con .w1 {margin-top:75px;font-size:28px;font-weight:500;line-height:40px;color:#17469e;}
.scode_con .w2 {margin-top:28px;font-size:18px;font-weight:400;line-height:24px;color:#17469e;}
.scode_con .w3 {margin-top:13px;font-size:16px;font-weight:400;line-height:24px;color:#323232;}
.scode_con ul {margin-top:8px;}
.scode_con ul:after {content:"";display:block;clear:both;}
.scode_con ul li {font-size:16px;line-height:24px;background:url(../img/bul01.png) left 9px no-repeat;padding-left:10px;}
.scode_con .guide_txt{margin-top:75px;text-align:right;}
.scode_con .guide_txt p{font-size:14px;font-weight:400;line-height:24px;color:#17469e;}