@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,900|Noto+Sans+KR:100,400,900|Noto+Sans+SC:100,400,900&display=swap&subset=chinese-simplified,japanese,korean');

/* 공통 */
@font-face {
font-family: 'nanum-square-b';
src: url('font/nanumsquareb.eot');
src: url('font/nanumsquareb.eot?#iefix') format('embedded-opentype'),
url('font/nanumsquareb.woff2') format('woff2'),
url('font/nanumsquareb.woff') format('woff'),
url('font/nanumsquareb.ttf') format('truetype'),
url('font/nanumsquareb.svg#nanumsquarebregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nanum-square-r';
src: url('font/nanumsquarer.eot');
src: url('font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
url('font/nanumsquarer.woff2') format('woff2'),
url('font/nanumsquarer.woff') format('woff'),
url('font/nanumsquarer.ttf') format('truetype'),
url('font/nanumsquarer.svg#nanumsquarerregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll;}
/*body {margin:0;padding:0;font-size:15px;font-family:'NanumSquare',sans-serif; background:#fff}*/
body {margin:0;padding:0;font-size:15px;font-family:'NanumSquare',sans-serif; background:#fff; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumSquare',sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumSquare',sans-serif; font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumSquare',sans-serif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-word}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none !important;}

*, :after, :before, :focus {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  outline:none;
}

input[type=submit] {-webkit-appearance:none;}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* Select box 스타일 초기화 */ 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=password] { font-family:'Dotum' !important; }

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #ef3e36;
-moz-box-shadow:0 0 5px #ef3e36;
box-shadow:0 0 5px #ef3e36;
border:1px solid #ef3e36 !important;
}

.ch_lang { font-family:'Noto Sans SC', 'Noto Sans', sans-serif !important; }
.hor_bar { width:100%; height:1px; background-color:#ddd; }
.big_btn { width:200px; height:60px; line-height:60px; border:1px #000 solid; border-radius:30px; display:inline-block; text-align:center; color:#000; font-size:17px; font-weight:500; }

.white { color:#fff !important; }
.black { color:#000 !important; }
.g444 { color:#444 !important; }
.g666 { color:#666 !important; }
.g888 { color:#888 !important; }
.gbbb { color:#bbb !important; }
.blue { color:#07539f !important; }
.red { color:#ff4c4c !important; }
.sky { color:#357aba !important; }
.bg_blue { background-color:#07539f !important; }
.bg_wblue { background-color:#e7eff7 !important; }
.bg_white { background-color:#fff !important; }
.bg_gray { background-color:#f9f9f9 !important; }

.center { text-align:center !important; }
.t_left { text-align:left !important; }
.t_right { text-align:right !important; }

.thin { font-weight:100 !important; }
.light { font-weight:400 !important; }
.mid { font-weight:700 !important; }
.bold { font-weight:900 !important; }
.upalp { text-transform:uppercase; }
.just { text-align:justify }

.bd1d { border:1px #ddd solid; }
.bdt1d { border-top:1px #ddd solid; }
.bdb1d { border-bottom:1px #ddd solid; }
.bdwhite { border-color:#fff !important; }

.box_title { display:inline-block; padding:7px 10px; border:1px #07539f solid; }
a.line_btn { width:200px; height:40px; line-height:40px; border:1px #666 solid; color:#666; font-weight:700; display:inline-block; transition:all 0.5s; }
a.line_btn:hover { background-color:#000; color:#fff; }
a.download_btn { position:fixed; bottom:0; right:0; z-index:99999; width:150px; height:100px; display:inline-block; }

.main_01 { position:relative; padding:250px 0 300px 0; background:url("../images/main_bg_01.jpg") center no-repeat; background-size:cover; }
.main_02 { height:300px; position:relative; }
.main_02 .swiper-pos { width:100%; position:absolute; top:-50px; z-index:999; padding:70px 0; background-color:#fff; border-radius:50px; }
.main_02 .swiper-container { width:calc(100% - 180px); }
.main_02 .swiper-container .swiper-slide { text-align:center; font-size:17px; font-weight:bold; }
.main_03 { width:100%; padding:170px 0 120px 0; background:url("../images/main_bg_02.jpg") center no-repeat; background-size:cover; }
.main_04 .notice_wrap iframe { border:0; width:100%; padding:0 10px; height:100px; }

.footer { padding:50px 0; background:url("../images/main_bg_03.png") right bottom #f5f5f5 no-repeat; border-top:1px #cccccc solid; }
.footer .footer_menu { float:left; margin-right:70px; }
.footer .footer_menu li a { font-size:15px; line-height:27px; color:#555; }
.footer .footer_menu li.depth1 a { font-size:17px; margin-bottom:20px; color:#333; font-weight:900; display:inline-block; }
.copyright { background-color:#666; }
.copyright .wrap { padding:30px 0; position:relative; }
.copyright .wrap .foot_logo { position:absolute; top:30px; left:0; }
.copyright .wrap .foot_gobiz { position:absolute; top:35px; right:0; }
.copyright .wrap .go-top { position:absolute; bottom:0; right:-100px; width:65px; height:55px; background:url(../images/top_btn.jpg) center no-repeat #0083b8; text-decoration:none; border:0; }

.sub_ceo { background:url("../images/sub_ceo_bg.jpg") center no-repeat; }
.sub_top { position:relative; padding-top:130px; background-size:cover; }

.sub_loca { width:100%; background-color:#f9f9f9; padding:15px 0; }

#ceo_wrap .ceo_items { background:url("../images/ceo_bg_01.jpg") left center no-repeat; }
#ceo_wrap .ceo_items .txt_wrap { width:70%; min-width:1200px; background:url("../images/ceo_bg_02.jpg") #063d73 right no-repeat; background-size:cover; padding:40px 60px; float:right; }
#ceo_wrap .ceo_items .txt_wrap .with_dot { width:300px; float:left; }
#ceo_wrap .ceo_items .txt_wrap .with_dot p { padding-top:40px; }
#ceo_wrap .ceo_items::after { clear:both; content:""; display:block; }

#visoin_wrap .vision_txt { padding-top:150px; }

#history_wrap { background:url("../images/vision_bg.png") left bottom no-repeat; }
#history_wrap .year { width:16%; position:relative; }
#history_wrap .year img { position:absolute; top:15px; right:-11px; }
#history_wrap .month { width:84%; border-left:2px #07539f solid; }
#history_wrap .month ul { border-top:1px #ddd dotted; margin-top:25px; padding-top:30px; }
#history_wrap .month ul li { padding-left:30px; font-size:17px; font-weight:500; line-height:30px; }
#history_wrap .month ul li:before { content:'●'; font-size:13px; color:#07539f; padding-right:5px; }
#history_wrap .history_tabs a { width:200px; height:60px; line-height:60px; display:inline-block; border:1px #666 solid; color:#666; border-radius:30px; transition:all 0.5s; margin:0 10px; }
#history_wrap .history_tabs a.on,
#history_wrap .history_tabs a:hover { background-color:#07539f; border:1px #07539f solid; color:#fff; font-weight:500 !important; }

#partners_wrap table { border-top:1px #ddd solid; font-size:17px; }
#partners_wrap table td { border-bottom:1px #ddd solid; height:80px; vertical-align:middle; text-align:center; width:400px; }

#loca_wrap .map_wrap { position:relative; width:100%; height:750px; }
#loca_wrap .map_wrap .img { position:absolute; left:60px; bottom:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); }
#loca_wrap .txt_wrap { width:590px; margin:40px 0 0 610px; }
#loca_wrap .txt_wrap p.ad_title { width:100%; font-size:17px; font-weight:700; color:#07539f; padding-bottom:15px; background:url('../images/location_line.jpg') left bottom no-repeat; }
#loca_wrap .txt_wrap p.ad_title img { margin-right:15px; }
#loca_wrap .txt_wrap p.ad_sub { font-size:15px; font-weight:400; margin:15px 0 25px 0; }

#certi_wrap .certi_tabs a { width:200px; height:60px; line-height:60px; display:inline-block; border:1px #666 solid; color:#666; border-radius:30px; transition:all 0.5s; margin:0 10px; }
#certi_wrap .certi_tabs a.on,
#certi_wrap .certi_tabs a:hover { background-color:#07539f; border:1px #07539f solid; color:#fff; font-weight:500 !important; }
#certi_wrap .four_div { width:270px; margin-left:40px; }
#certi_wrap .four_div img { width:268px; }
#certi_wrap .four_div a { /*background:url("../images/certi_g_01.png") left top no-repeat, url("../images/certi_g_02.png") right top no-repeat, url("../images/certi_g_03.png") left bottom no-repeat, url("../images/certi_g_04.png") right bottom no-repeat;*/ width:270px; height:378px; display:inline-block; }
#certi_wrap .four_div p { margin-bottom:50px; }

#official_wrap .four_div { background-color:#f9f9f9; padding-bottom:40px; }

#technology_wrap table { width:1000px; border-top:2px #07539f solid; text-align:center; margin:0 auto; }
#technology_wrap table tr th { background-color:#eee; font-size:17px; }
#technology_wrap table tr:nth-child(odd) td { background-color:#f9f9f9; }
#technology_wrap table tr th,
#technology_wrap table tr td { padding:15px 0; line-height:25px; }

#edu_wrap .edu_tabs a { width:200px; height:60px; line-height:60px; display:inline-block; border:1px #666 solid; color:#666; border-radius:30px; transition:all 0.5s; margin:0 10px; }
#edu_wrap .edu_tabs a.on,
#edu_wrap .edu_tabs a:hover { background-color:#07539f; border:1px #07539f solid; color:#fff; font-weight:500 !important; }
#edu_wrap .edu_01 .six_div { width:200px; margin-left:0; padding:20px 0; border-left:1px #ddd solid; }

#medi_wrap .wrap { width:1000px !important; margin:0 auto; }
#medi_wrap .inner { width:700px !important; margin:0 auto; }
#medi_wrap table { width:100%; border-top:2px #07539f solid; text-align:center; border-bottom:1px #eee solid; }
#medi_wrap table tr th { background-color:#eee; font-size:17px; }
#medi_wrap table tr:nth-child(odd) td { background-color:#f9f9f9; }
#medi_wrap table tr th,
#medi_wrap table tr td { padding:15px 0; line-height:25px; }

#prd_wrap .prd_01 .half_div { padding:20px 0 0 0; border-top:1px #ddd solid; }
#prd_wrap .prd_01 .half_div .img { width:220px; float:left; }
#prd_wrap .prd_01 .half_div .txt { width:calc(100% - 220px); float:left; padding-left:30px; }
#prd_wrap .prd_01 .half_div .btn { padding:10px 0; background-color:#f9f9f9; margin-top:20px; text-align:center; }
#prd_wrap table { width:100%; border-top:2px #07539f solid; text-align:center; border-bottom:1px #eee solid; }
#prd_wrap table tr th { background-color:#eee; font-size:17px; }
#prd_wrap table tr:nth-child(odd) td { background-color:#f9f9f9; }
#prd_wrap table tr th,
#prd_wrap table tr td { padding:15px 0; line-height:25px; }
#prd_wrap .prd_06 .half_div { padding:20px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
#prd_wrap .prd_06 .half_div .img { width:150px; float:left; }
#prd_wrap .prd_06 .half_div .txt { width:calc(100% - 150px); float:left; padding-left:30px; }
#prd_wrap .prd_06 table { border-top:0 !important; border-bottom:0 !important; }
#prd_wrap .prd_06 table td, #prd_wrap .prd_06 table th { font-size:13px !important; line-height:17px !important; background-color:transparent !important; text-align:left !important; padding:5px !important; }
#prd_wrap .prd_06 table th { background-color:#eee !important; text-align:center !important; width:32px; vertical-align:top; }

#prd_wrap .prd_08 { width:800px; margin:0 auto; }
#prd_wrap .prd_08 table.koba { text-align:left !important; }
#prd_wrap .prd_08 table.koba td { padding:20px; }
#prd_wrap .prd_08 table.koba th { background-color:transparent; }
#prd_wrap .prd_08 table.kiho td { background-color:transparent;  }

#notice_wrap,
#news_wrap { width:800px; margin:0 auto; }