@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');


:root {--base-font-size: 16px;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; scroll-behavior: auto !important; font-size: var(--base-font-size);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;  font-family:'Noto Sans KR', sans-serif; word-break: keep-all; word-wrap: break-word; letter-spacing: -0.05em;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
body { font-size:1rem;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a, a:hover, a:active, a:focus { text-decoration: none; color:#666; cursor: pointer;}
a:active,a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
em, address { font-style: normal;}
b,strong {font-weight: bold}
small {font-size: 80%}
img {border: 0; vertical-align: top }
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
button { cursor: pointer;overflow: visible}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0;}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; appearance: button; cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
input[type="image"]{border:0 !important;width:auto !important;height:auto !important;padding:0 !important;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
button:active>*, button:focus>* { position: relative; top: 0px; left: 0px;}
table {border-collapse: collapse;border-spacing: 0}
table label{vertical-align: top;}
td,th {padding: 0}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
fieldset {list-style: none;}

.blind{position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

/* 폼요소 */
input[type="text"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="tel"] {  border:none; background: rgba(255, 255, 255, 1); padding:0 .5em; height:44px; vertical-align: middle; line-height: normal; color: #666; font-size:1rem;}
textarea { border:none; background: rgba(246, 246, 246, 1); padding: 6px 10px; color: #717171; font-size:1rem; border-radius:10px;}
input[type="checkbox"], input[type="radio"]{ vertical-align: middle; width: 20px; height: 20px; border: 1px solid #707070; margin:0 5px 3px 0; }
select { padding: 3px 2px 2px; height:45px; vertical-align: middle;white-space:nowrap; font-size:1rem;  background: rgba(246, 246, 246, .0); border:none;}
button { vertical-align: middle; overflow:visible;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
input[type="submit"]{line-height:1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
label { vertical-align: middle;}
label+label { margin-left: 10px }
input.text {border:1px solid #ddd;}
select.text {border:1px solid #ddd;}
textarea.text {border:1px solid #ddd; background:#fff; border-radius: 0px;}

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

input[type="text"]:read-only{background-color: #ebebeb;}


/* 기본 스타일 */
input::placeholder, 
textarea::placeholder {
  color: #adadad; /* 원하는 색상 */
  opacity: 1; /* 파이어폭스 기본 투명도 해결 */
}

/* 크롬, 사파리, 엣지 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #adadad;
}

/* 파이어폭스 */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #adadad;
  opacity: 1;
}


#skip_nav{position: relative;}
#skip_nav a{display: inline-block; position: absolute; top: -100px; left: 0; background: #000; padding: 10px; z-index: 9999; color: #fff; border:1px solid #fff; padding:4px 5px;}
#skip_nav a:focus{position: relative; top: 0;}

#skip_idx{position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; background: #fff; border: 1px solid #c0c0c0; padding: 6px 12px; text-decoration: none; color: #333;}
#skip_idx:focus{position: relative; width: auto; height: auto; clip: auto; margin: 10px 0; display: inline-block;}

#wrap {position:relative; width:100%; height:100%; overflow-x: hidden;}
#mtop {display: none;}
.mtop_head, .mtop_head_close { display: none;}

#top {width:100%; margin:0 auto; position: absolute; z-index: 9999; background-color:rgba(255,255,255,0); transition: background-color 0.2s;}
#top .topinner {width:1200px; margin: 0 auto; position: relative; display: flex; overflow: hidden; justify-content: space-between;}
#top .topinner::before{content: ""; display: block; position: absolute; top:89px; left: 0; border-top:1px solid rgba(255, 255, 255, 0.2); width:100%;}
#top .utilbox { position: absolute; right:0px; top:5px; display: flex; align-items: center; font-size:0.8rem;}
#top .utilbox li { display: inline-block; padding-left:15px; color:#e9e9e9;}
#top .utilbox li a {color:#e9e9e9;}
/* #top .utilbox li + li:before {content: '|'; color:#e9e9e9; padding-right:8px;} */
#top .utilbox li:last-child:before {content:none;}
#top h1 {padding:20px 0 0px 0; font-size:1.4rem; color:#fff; flex-basis: content; flex-grow: 0;}
#top h1 a {color:#fff; font-weight: bold; display: flex; align-items: center; padding:10px 0;}
#top h1 .logo_img{width:48px; margin-right:10px;}
#top #gnb {margin-top:40px; display:flex; flex-basis: content; flex: 0 0 auto; flex-grow: 0;}
#top #gnb .step1 {font-size:1.1rem; color:#fff; font-weight: 600; flex-basis: content; flex-grow: 0;}
#top #gnb .step1>a {color:#fff; height: 50px; padding:0 20px 4px; display: flex; align-items: center; position: relative; line-height: 1.1; text-align: center;}
#top #gnb .step1>a::after {content: ""; border-bottom:4px solid transparent; position: absolute; bottom: 0; display: block; width:calc(100% - 40px);}
#top #gnb .step1:hover>a::after {border-bottom:4px solid #394070;}
#top.active a {color:#222;}
#top.active #gnb li a {color:#222;}
#top #gnb .step1 a.active {color:#394070; border-bottom:4px solid #394070; transition: color 0.3s ease, border-bottom-color 0.3s ease;}
#top #gnb .submenu_df{padding:20px 0; display: none;}
#top #gnb .submenu_df li{text-align: center;}
#top #gnb .submenu_df li a{font-size:1rem; line-height: 1.1; font-weight: 400; padding:5px 0; text-align: center; display: inline-block; color:#555;}
#top #gnb .submenu_df li a:hover,
#top #gnb .submenu_df li a:focus{color: #222;}
#top .mtop_btn_box{display: none;}

#top.active{background-color: #fff;}
#top.active .topinner::before {border-top:1px solid rgba(218, 218, 218, 1); width:100%;}
#top.active .utilbox li, #top.active .utilbox li a {color:#777;}
.font-controls {}
.font-controls button{border:1px solid #dadada; color:#fff; background-color: transparent; border-radius: 0; padding:4px 6px; line-height: 1;}
#top.active .font-controls button{border:1px solid #cfcfcf; color:#777; background-color: #ffffff;}
.font-controls button:disabled {opacity: 0.3; cursor: not-allowed; filter: grayscale(1);}

/*메인페이지*/
.mainpage {position: relative;}
.mainbanner {/* height:820px; */ color:#fff; word-break: break-all; }
.mainbanner .banner01 {background:url(../Content/images/visual_1.jpg) center no-repeat; /* height:820px; */ margin:0px; padding:0 0 110px 0; background-size:cover; display: flex; flex-direction: column; justify-content: start; align-items: center;}
.mainbanner .txt_tit {font-size:4.5rem; font-weight: 600; word-break: break-all; text-shadow: 0 0 10px rgba(0,0,0,.2); margin-top:180px; text-align: center;}
.mainbanner .txt_tit span{font-size:2rem; font-weight: 600; word-break: break-all; text-shadow: 0 0 10px rgba(0,0,0,.2); margin-top:180px;}
.mainbanner .txt_sub {font-size:1.25rem; padding-top:15px; line-height:1.4; word-break: break-all; text-shadow: 0 0 10px rgba(0,0,0,.2);}
.mainbanner .main_info_box{padding:15px 15px 25px; margin-top:60px; width:100%; max-width: 1200px; background-color: rgba(12, 30, 54, 0.6); border-radius: 16px; display: flex; flex-wrap: nowrap; align-items: center;}
.mainbanner .main_info_box .info_tit{width:35%; flex-grow: 0; flex-shrink: 0; text-align: left; padding-left:45px;}
.mainbanner .main_info_box .info_slide{width:65%; flex-grow: 0; flex-shrink: 0;}
.mainbanner .main_info_box .txt_txt{line-height: 1.2; font-size:1.4rem; font-weight: 700; margin-bottom:15px;}
.mainbanner .main_info_box .btn_go{line-height: 1.2; font-size:1.1rem; font-weight: 700; color:#fff; padding:15px 36px; margin-top:5px; display: inline-block; border-radius: 30px; line-height: 1; background-color: #407bff;}
.mainbanner .main_info_box .btn_go .mark_drc{width:18px; vertical-align: middle;}
.mainbanner .main_info_box .slide_util{padding:0 60px; text-align: right;}
.mainbanner .main_info_box .slide_util .btn_go_now{color:#fff; padding:10px 0; margin-bottom:8px; display: inline-block; font-weight: 700; font-size:0.95rem;}
.mainbanner .main_info_box .slide_util .btn_go_now span{vertical-align: middle;}
.mainbanner .main_info_box .slide_util .btn_go_now .mark_drc{width:14px; vertical-align: middle;}


/*메인 슬라이드*/
.main_opi_lists{display:inline-block; width:100%; position: relative; padding:0 60px;}
.main_opi_lists .mySwiper_opinion{width:100%; overflow:hidden;}
.main_opi_lists .mySwiper_opinion .opi_list{background-color:#fff; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius: 15px; display: block; text-align: left; width:30%; overflow: hidden; -webkit-transition:background 0.2s; transition:background 0.2s; color:#222;}
.main_opi_lists .mySwiper_opinion .opi_list .txt_box{padding:17px 15px; width:100%; height: 200px; position: relative; box-sizing: border-box;}
.main_opi_lists .mySwiper_opinion .opi_list h4{font-size:1.1rem; font-weight: 700; color:#3e497e; margin:0 0 8px 0; line-height: 1; }
.main_opi_lists .mySwiper_opinion .opi_list p{font-size:1rem; margin:5px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; overflow: hidden;}
.main_opi_lists .mySwiper_opinion .opi_list .txt_addinfo{position: absolute; left: 0; bottom:0; width:100%; padding:17px 15px; display: block; font-size:0.9rem; line-height: 1; text-align: right; color:#888888; font-weight: 700;}
.main_opi_lists .mySwiper_opinion .opi_list .txt_addinfo .cnt_numb{color:#448aff; margin-left:3px;}
.main_opi_lists .mySwiper_opinion .swiper-pagination-bullet{background-color:#fff; opacity: .5;}
.main_opi_lists .mySwiper_opinion .swiper-pagination-bullet-active{background-color:#ca2d35; opacity: 1;}
.main_opi_lists .swiper-button-prev,
.main_opi_lists .swiper-button-next{width:50px; height: 50px; border-radius: 50%; display:flex; background-color: rgba(0,0,0,.5); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
.main_opi_lists .swiper-button-prev{left:0; right:auto;}
.main_opi_lists .swiper-button-next{left:auto; right:0;}
.main_opi_lists .swiper-button-prev::after,
.main_opi_lists .swiper-button-next::after{content:""; display: block; width:15px; height: 15px; border-left:4px solid #fff; border-bottom:4px solid #fff;}
.main_opi_lists .swiper-button-prev::after{transform: rotate(45deg) translate(2px, -2px);}
.main_opi_lists .swiper-button-next::after{transform: rotate(-135deg) translate(2px, -2px);}


.maincontent {width:100%; overflow: hidden; position: relative; background: rgba(62,73,126,1);}
.maincontent .innercont {display: flex; flex-wrap: wrap; width:1200px; margin:0 auto;}
.maincontent .mban{position: relative; width:50%; padding:16px 16px; font-size:1rem; display: flex; align-items: center;}
.maincontent .mdata {border-left: solid 1px rgba(0, 0, 0, 0.25);}

.maincontent .mban .mban_txt{}
.maincontent .mban h3 {display: inline-block; color:#fff; font-weight: bold; padding-right:10px; vertical-align: middle; font-size:1.2rem;}
.maincontent .mban img {display: inline-block; padding-right:4px; vertical-align: middle;}
.maincontent .mban a {display: inline-block; font-size:1.4rem; color:#fff; padding:8px 0; font-weight: 700; vertical-align: middle;}
.maincontent .mban a span{vertical-align: middle;}
.maincontent .mban .ico_quick{width:24px; vertical-align: middle;}
.maincontent .mban .mark_drc{width:22px; margin-left:5px; vertical-align: middle;}

.maintxt {width:1200px; margin: 0 auto;  padding:30px 0px; font-size:1.4rem; line-height:1.4; color:#222; font-weight: 400; clear: both; position: relative;}
.informationtit{width:50%;}
.informationtxt{width:50%; display: flex; margin:45px 0; padding:0 15px; position: absolute; top:0; right:0; align-items: center;}
.informationtxt a{display: block; width:100%;}
.informationtxt .info_inbox{background-color: #407bff; border-radius: 100px; color:#fff; padding:25px 30px; display: flex; align-items: center; width:100%; transition: background-color 0.2s;}
.informationtxt .txt_tit{width:80%; font-weight: 700; font-size:1.2rem; line-height: 1.2;}
.informationtxt .txt_txt{width:20%; text-align: right;}
.informationtxt .txt_txt img{display: inline; vertical-align: middle; line-height: 1; margin-right:7px; width:20px;}
.informationtxt .txt_txt .txt_num{display: inline; font-size:1.4rem; font-weight: 700; line-height: 1; vertical-align: middle; text-align: left;}
.informationtxt .txt_txt .txt_time{text-align: left; font-size:0.8rem; line-height: 1.2; margin-top:5px;}
.informationtxt a:hover .info_inbox{background-color: #4f87ff;}




/*버튼 스타일*/
.btnsty_01{background: #394070; border:0; color:#fff;}
.btnsty_01:hover,
.btnsty_01:focus{background: #366da7; color:#fff;}

.btnsty_02{background: #000; border:0; color:#fff;}
.btnsty_02:hover,
.btnsty_02:focus{background: #525252; color:#fff;}

.btnsty_03{height:44px;line-height:32px;border: 1px solid #171BA7;padding: 0 20px 0 20px;background:#171BA7;font-weight:400;font-size:1rem;color:#FFF;display:inline-block;}
.btnsty_03:hover{text-decoration:none; background:#fff; color:#171BA7;}
.btnsty_04{height:44px;line-height:32px;border: 1px solid #171BA7;padding: 0 20px 0 20px;background:#171BA7;font-weight:400;font-size:1rem;color:#FFF;display:inline-block;}
.btnsty_04:hover{text-decoration:none; background:#fff; color:#171BA7;}
.btnsty_05{height:44px;line-height:32px;border: 1px solid #898989;padding: 0 20px 0 20px;background:#898989;font-weight:400;font-size:1rem;color:#FFF;display:inline-block;}
.btnsty_05:hover{text-decoration:none; background:#fff; color:#898989;}
.btnsty_06{height:44px;line-height:32px;border: 1px solid #898989;padding: 0 20px 0 20px;background:#ffffff;font-weight:400;font-size:1rem;color:#000;display:inline-block;}
.btnsty_06:hover{text-decoration:none; background:#e2e2e2; color:#000; border-color:#898989;}

.btn_reply1 {display: inline-block; font-size:0.9rem; background:#171BA7; color:#fff; padding:2px 5px; margin-right:1px;}
.btn_reply2 {display: inline-block; font-size:0.9rem; background:#555555; color:#fff; padding:2px 5px; margin-right:1px;}


/*본문 공통*/
.top_banner {width:100%; position: relative; color:#fff; text-align: center; font-weight: bold; font-size:3rem; height:230px; padding-top:130px;}
.top_banner.top_banner_1 { background: url(../Content/images/top_banner_1.jpg) center top no-repeat;  background-size:cover;}
.top_banner.top_banner_2 { background: url(../Content/images/top_banner_2.jpg) center top no-repeat;  background-size:cover;}
.top_banner.top_banner_3 { background: url(../Content/images/top_banner_3.jpg) center top no-repeat;  background-size:cover;}
.top_banner.top_banner_4 { background: url(../Content/images/top_banner_4.jpg) center top no-repeat;  background-size:cover;}
.top_banner.top_banner_5 { background: url(../Content/images/top_banner_5.jpg) center top no-repeat;  background-size:cover;}
.top_banner.top_banner_6 { background: url(../Content/images/top_banner_6.jpg) center top no-repeat;  background-size:cover;}
.top_banner h2{font-weight: 700;}

.tabmenubox {width:100%; height:50px; position: relative; background: rgb(62,73,126);}
.tabmenubox ul {width:100%; max-width: 1200px; margin: 0 auto; display: flex;}
.tabmenubox ul li {flex:1; font-size:1.2rem; height:50px; line-height:52px; letter-spacing: -0.05em; margin-left:0.1%; border-right:1px solid rgba(0, 0, 0, 0.4);}
.tabmenubox ul li.active {background:#fff; color:#222; border-right:none; }
.tabmenubox ul li a {color:#fff; font-weight: 400; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 1.1; height: 100%;}
.tabmenubox ul li.active a {color:#0c0e5a;}

.subcontent {width:100%;}
.subcontent .subinner {width:100%; max-width:1200px; margin: 0 auto; padding:30px 15px;}
.subcontent h3 {border-bottom:1px solid #eaeaea; font-size:4rem; color:#222; text-align: center; font-weight: 500; padding-bottom:25px; }
.content {max-width:1200px; width:100%; font-size:1.1rem; padding:35px 0; color:#707070; font-weight: 400; line-height:160%; color:#555;}

.footer {border-top:1px solid #eaeaea; width:100%; margin: 0 auto; padding:20px 0px 50px;}
.footer .footer_inner {width:100%; max-width:1200px; margin: 0 auto; display: flex; }
.footer .company_info {width:75%; color:#666;}
.footer .pri_info {width:25%; color:#111; font-weight: bold; font-size:1rem;}
.footer .pri_info a{color:#111; height: 44px; display: inline-block; padding:8px 0;}
.footer .copy_info{width:75%; text-align: right; font-size:0.9rem;}

/*본문 내용*/
.pt_clr{color:#394070 !important;}
.cont_tit{font-size:2rem; color:#000; font-weight: 500; padding-bottom:30px; line-height:1.2; word-break: keep-all; letter-spacing: -0.05em;}
.board_tit{padding-bottom:5%; text-align: center;}
.board_tit h4{font-size:1.8rem; font-weight: 500; line-height:1.2; word-break: keep-all; color:#222; text-align: center;}
.board_tit h4 b{color:#394070;}
.tit_info_box {text-align: center; display: block; border:1px solid #efefef; background:#fafafa; font-size:1rem; color:#666; padding:20px 15px; line-height:1.3; padding:20px 15px; margin-top:25px;}
.cont_txt { line-height:1.2; word-break: keep-all; }


/*탭메뉴*/
.tabnav_cont {background:#fafafa; border-bottom:1px solid #eaeaea; width:100%;}
.tabnav {overflow: hidden; width:1200px; display: table; font-size:1.2rem; margin:0 auto;}
.tabnav li {display: table-cell; padding:0; cursor:pointer; line-height:120%; text-align: center;  font-weight: 400; color:#394070; }
.tabnav li a {display: block; padding:15px 5px; font-size:1.2rem;}
.tabnav li.active { border-bottom:3px solid #222;  color:#222;font-weight: bold; display: block;}
.tabnav li.active a {display: block; color:#222; width:100%; }



.tabs_box {width:100%;}
.tabs_box li {padding:15px 0px; border:1px solid #eaeaea; color:#222; cursor: pointer; line-height:120%; }
.tabs_box li.active {background: #2c2f47; border:none; color:#fff;}
.tabs_box li.active a {color:#fff;}


.intro_box h4{font-size:2rem; text-align: center; margin-bottom:60px; color:#000;}
.intro_box .txt_main{font-size:1.6rem; font-weight: 700; line-height: 1.3; color:#000;}
.intro_box .txt_main2{font-size:1.6rem; font-weight: 400; line-height: 1.4; color:#000; text-align: center;}
.intro_box .txt_sub{font-size:1rem; line-height: 1.3; color:#000; margin-top:10px;}
.intro_box h5{font-size:1.5rem; font-weight: 700; margin:50px 0 10px; color:#000;}
.intro_box h5 .ico_tit{width:28px; vertical-align: top; margin-right:5px;}
.intro_box h6{font-size:1.3rem; font-weight: 700; color:#3e497e; margin-top:20px;}
.intro_box .p_sty_1{padding-left:0.5em; line-height:1.4; text-indent: -0.5em; margin-top:10px;}
.intro_box .p_sty_1 span{font-size:0.9rem; }
.intro_box .p_sty_1::before{content: "- "; }
.intro_box .intro_introimg{display: block; margin:0 auto; width:100%; max-width: 600px;}
.intro_box .intro_img_box{border:1px solid #dcdcdc;}
.intro_box .intro_introimg2{display: block; margin:0 auto; width:100%; max-width: 800px;}
.intro_box .vision_lists{display: flex; flex-wrap: wrap; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.intro_box .vision_list{ border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; padding:25px 20px; width:33.33%; flex-grow: 0; flex-shrink: 0; min-height: 180px;}
.intro_box .vision_list h6{font-size:1.3rem; line-height: 1.3; font-weight: 700; margin-top:10px; margin-bottom:10px; color: #394070 ;}
.intro_box .vision_list p{padding-left:0.5em; line-height: 1.3; margin-top:5px;}
.intro_box .vision_list p::before{ }
.intro_box .vision_list .txt_nm{font-size:1.1rem; display: inline-block; padding:3px; background-color: #394070; line-height: 1; width:26px; height: 26px; border-radius: 50%; color:#fff; text-align: center; overflow: hidden; vertical-align: top;}
.intro_box .txt_lists{margin-top:20px;}
.intro_box .txt_list{text-indent: -0.5em; padding-left:0.5em; line-height: 1.3; margin-top:8px;}
.intro_box .txt_list::before{content:"- "; }

.method_img {margin-top:80px; display: flex; flex-wrap: wrap; column-gap: 1%;}
.method_img li {width:32.5%; position: relative;}
.method_img .tag {display: inline-block; width:40px; height:40px; text-align: center; color:#fff; font-weight: bold; background:#394070; border-radius: 300px; position: absolute; left:50%; top:-25px; margin-left:-20px; z-index: 10; line-height:1; font-size:1.2rem; padding:9px;}
.method_img li h5 {display: block; background:#f4f4f4; text-align: center; padding:20px 0px; font-size:1.4rem; font-weight: bold; vertical-align: middle; color:#222; line-height:180%;}
.method_img li .method_ico {vertical-align: top; margin-right:10px; width:40px;}
.method_img li div {border:1px solid #eee; padding:7% 8%; text-align: center; min-height:170px; line-height:1.4; }
.method_endtxt{font-size:1.3rem; font-weight: 700; text-align: center; color: #394070; margin:30px 0;}


.cont_infotxt{width:100%; max-width: 560px; display: flex; margin:30px auto;}
.cont_infotxt .info_inbox{background-color: #1c274c; border-radius: 100px; color:#fff; padding:25px 30px; display: flex; align-items: center; width:100%;}
.cont_infotxt .txt_tit{width:50%; font-weight: 700; font-size:1.2rem; line-height: 1.2;}
.cont_infotxt .txt_txt{width:50%; text-align: left;}
.cont_infotxt .txt_txt img{display: inline; vertical-align: middle; line-height: 1; margin-right:7px; width:20px;}
.cont_infotxt .txt_txt .txt_num{display: inline; font-size:1.4rem; font-weight: 700; line-height: 1; vertical-align: middle; text-align: left;}
.cont_infotxt .txt_txt .txt_time{text-align: left; font-size:0.8rem; line-height: 1.2; margin-top:5px;}

.login {width:100%; max-width:700px; margin:0 auto;  position: relative; background: url("../Content/images/login_img.png") center top no-repeat; padding-top:160px;}
.login_box {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff; border-radius: 30px; padding:40px 100px;}
.login_box .txt_txt {font-size:1.2rem; color:#222; line-height:1.2; padding-bottom:30px; text-align: center;}
.login .login_form {overflow: hidden;}
.login .login_form li {padding-bottom:10px;}
.login .login_form li > input {padding:3px 4px 3px 15px; height:60px; background:#ebebeb; border-radius: 5px; width:100%; background-repeat: no-repeat; background-position: 10px 14px; font-size:1.2rem; color:#222;}
.login .btn_login{width:100%; height: 65px; border-radius: 8px; font-size:1.3rem;}
.login .login_info{font-size:1rem; line-height:1.2; text-align: center; padding:20px 0;}
.login .login_info + .login_info{border-top:1px solid #ddd;}

.subtabs { overflow: hidden; width:100%;}
.subtabs li {float: left; padding:0; border:1px solid #eaeaea; color:#222; cursor: pointer; line-height:120%; }
.subtabs li a{display: block; padding:15px 0px;}
.subtabs li.active {background: #2c2f47; border:none; color:#fff;}
.subtabs li.active a {color:#fff;}
.subtabs.column3 li {width:32.5%; text-align: center; margin-right:0.5%;}
.subtabs.column3 li:last-child {margin-right:0px;}
.subtabs.column2 li {width:49%; text-align: center; margin-right:1%;}
.subtabs.column2 li:last-child {margin-right:0px;}
.subtabs.column4 li {width:24.5%; text-align: center; margin-right:0.5%; min-height:45px; vertical-align: middle;}
.subtabs.column4 li:last-child {margin-right:0px;}
.subtabs.column5 li {width:19.5%; text-align: center; margin-right:0.5%; min-height:105px; vertical-align: middle;}
.subtabs.column5 li:last-child {margin-right:0px;}

.progress {width:100%;  background:#D9D9D9; border-radius: 300px; height:18px; }
.progress .progressbar { display: inline-block; color:#fff; background:#384070; border-radius: 300px;  text-align: center; height:18px; vertical-align: top; line-height: 1;}

.elearn_info {background:#999; padding:1em; text-align: center;line-height:120%; font-size:1.2rem;  color:#fff; margin-bottom:1em;}
.elearn_media_colum {display: flex; justify-content: space-between;}
.elearn_media_colum ul {width:49%; border-top:2px solid #394070;}
.elearn_media_colum ul li {display: flex; align-items: center; border-bottom:1px solid #efefef; padding:1em 0px;}
.elearn_media_colum ul li .media_title {flex: 0 0 100%; padding:1em 0px; font-size:1.4rem; font-weight: bold; color:#222; position: relative;}
.elearn_media_colum ul li .media_title .go_video {display: inline-block; border:1px solid #394070; color:#394070; position: absolute; right:0px; top:0; margin-top:18px; font-size:1rem; font-weight: normal;}
.elearn_media_colum ul li .media_title .go_video a {display: block; height:100%; color:#394070; padding:0.2em 2em;}

.elearn_media_all {border-top:1px solid #efefef; }
.elearn_media_all li {display: flex; align-items: center; margin-right: 10px; border-bottom:1px solid #efefef; padding:1em 0px;}
.elearn_media_all li .thumimg {flex: 0 0 20%; }
.elearn_media_all li .thumimg img {width:100%;}
.elearn_media_all li .media_title {flex: 0 0 80%; padding:1em; font-size:1.4rem; font-weight: bold; color:#222; position: relative;}
.elearn_media_all li .media_title .go_video {display: inline-block; border:1px solid #394070; color:#394070; position: absolute; right:0px; top:1em; font-size:1rem; font-weight: normal;}
.elearn_media_all li .media_title .go_video a {display: block; height:100%; color:#394070; padding:0.2em 2em;}

.elearn_media_list { display: flex;justify-content: space-between;align-items: center;height: 100%; margin-bottom:0.6em; flex-direction: row;flex-wrap: wrap }
.elearn_media_list li {width: 49.5%; margin-bottom:1%;}
.elearn_media_list li .media_listbox {width:100%; background:#f4f4f4; padding:1.2em;}
.elearn_media_list .video_box{width:100%;}
.elearn_media_list p.media_title {font-size:1.5rem; color:#222; position:relative; padding:0.5em 0px;}
.elearn_media_list p.media_title span { font-size:0.8rem; display: inline-block; position: absolute; right:0px; top:0.8em; padding:0.2% 2%; border-radius: 300px; color:#fff; background:#aaa;}
.elearn_media_list p.media_title .view_end{background:#2C2F47;}
.elearn_media_list p.progress_text {text-align: right; font-size:0.9rem; color:#2C2F47;}
.elearn_media_list .media_infobt { background:#fafafa; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; padding:0.5em 0px; width:98%; text-align: center; font-size:0.9rem; color:#FC636B; font-weight: bold; cursor: pointer;}
.elearn_media_list p img {width:100%;}
.elearn_media_list .btn_back{font-size:1rem; width:150px; height: 43px; border-radius: 30px;}
.elearn_media_list .btn_down{font-size:1rem; width:236px; height: 43px; border-radius: 30px;}

.elearn_media_list .video_box .video_el{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width:100%; max-width: 100%; height: auto; background-color: #505050;}
.elearn_media_list .video_box .video_el iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*개인정보처리방침*/
.priv_cont {word-break: keep-all; line-height:140%; font-size:1rem;}
.priv_cont h3 {font-weight: bold; color:#222; font-size:1.2rem; padding:15px 0; margin:50px 0 15px; border-top:1px solid #efefef; text-align: left;}
.priv_cont h3 img {width:25px; margin-right:5px;}
.priv_cont table {width:100%; border-top:1px solid #222; border-left:1px solid #efefef; font-size:1rem; margin:10px 0px;}
.priv_cont table th {background:#fafafa; border-right:1px solid #efefef; border-bottom:1px solid #efefef; font-weight: bold; color:#222; padding:10px 7px; vertical-align: middle;}
.priv_cont table td {border-bottom:1px solid #efefef; border-right:1px solid #efefef;  padding:7px; text-align: center;}
.priv_cont .priv_cont_step {background:#fafafa; border:1px solid #efefef; padding:2%; word-break: keep-all; }
.priv_cont ul {overflow: hidden; padding-bottom:3%;}
.priv_cont ul li {width:15.5%; border:1px solid #a8caeb; margin-right:1%; float: left; text-align: center; height:auto; min-height:90px; margin-bottom:1%; letter-spacing: -0.05em; color:#394070;}
.priv_cont ul li:last-child {margin-right:0px; }
.priv_cont ul li img {display: block; margin:0 auto; padding-bottom:7px; width:66px;}
.priv_cont ul li a {display: block; color:#394070; font-weight: 400; font-size:0.9rem; line-height:120%; padding:20px 0;}
.priv_bot_btn_box{margin-top:70px; }
.priv_bot_btn_box a{border:1px solid #c0c0c0; padding:10px 12px;}
.priv_bot_btn_box a:focus,
.priv_bot_btn_box a:hover{background-color: #f5f5f5;}


/*일반게시판*/
.filter_box{margin-bottom:10px;}
.filter_box .chk_list{margin:0 15px 0 0; display: inline-block;}
.filter_box .chk_list input{margin:5px 3px 5px 0;}
.filter_box .chk_list label{padding:8px 0;}

.tableStyleList_1 table{width:100%;}
.tableStyleList_1 table thead th, 
.tableStyleList_1 table thead td{height:65px;line-height:65px;text-align:center;color:#222; background:#f8f8f8; border-top:1px solid #171BA7; border-bottom:1px solid #ddd; font-size:1.1rem; font-weight: 600; }
.tableStyleList_1 table tbody th, 
.tableStyleList_1 table tbody td{text-align:center;border-bottom: 1px solid #e6e6e6;padding: 2% 5px; font-size:1.1rem; line-height:120%;}
.tableStyleList_1 table tbody th{color:#171BA7;}
.tableStyleList_1 table tbody td.subject{text-align:left;padding:2% 10px;clear:both;overflow:hidden;position:relative;padding-left:20px;}
.tableStyleList_1 table tbody td.subjectre{text-align:left;padding:2% 10px;clear:both;overflow:hidden;position:relative;padding-left:25px;}
.tableStyleList_1 table tbody td.subjectre span {display: inline-block; padding-right:5px; color:#171BA7; font-weight: 400;}
.tableStyleList_1 table tbody td.subjectre span img {vertical-align: middle;}

.tableStyleList_1 table tfoot th, 
.tableStyleList_1 table tfoot td{text-align:center;border-bottom: 1px solid #e6e6e6;padding:20px;}

.tableStyleList_1 .stat01{color:#171BA7;}
.tableStyleList_1 .stat02{color:#d5323a;}

.board_infobox{width:100%; background-color: #f5f5f5; padding:20px; margin-bottom: 30px; border:1px solid #dcdcdc;}
.board_infobox h4{font-size:1.2rem; font-weight: 700; margin-bottom:10px;}
.board_info_txt{font-size:1rem; line-height: 1.6;}


/*테이블*/
.tbl_style1{width:100%; border-top:1px solid #222; border-collapse: collapse; border-right:none; border-left:1px solid #eaeaea;}
.tbl_style1 th,
.tbl_style1 td{padding:15px 5px; text-align: center; vertical-align: middle; line-height:1.2; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; color:#222; font-weight: 400;}
.tbl_style1 thead th {background:#fafafa; font-weight: 700; }
.tbl_style1 tbody th {background:#fafafa;}
.tbl_style1 tbody td {}



/*갤러리*/
.board_gallery {border-top:1px solid #171BA7;}
.board_gallery dl { border-bottom: 1px solid #eaeaea; padding: 2em 0; overflow: hidden; }
.board_gallery dl dt { width: 25%; float: left; padding: 0; }
.board_gallery dl dt img {width:100%; height:180px;}
.board_gallery dl dd p.title { padding-bottom: 0.5em;}
.board_gallery dl dd p.title a { font-weight: bold; color: #2C2F47; font-size: 1.4rem; line-height:1.2em;}
.board_gallery dl dd { display: flex; flex-direction: column; justify-content: top; width: 75%; float: right; padding: 1.2em 0px 2em 2em; line-height:1.6em; height:170px;  max-height:280px; overflow: hidden; font-size:1.1rem; }
.board_gallery dl dd img {display: none; }
.board_gallery dl dd p { margin: 0; }
.board_gallery2 {border-top:1px solid #171BA7;}
.board_gallery2 li {border-bottom:1px solid #eaeaea; padding:2%; }
.board_gallery2 li a {font-weight: bold; color: #2C2F47; font-size: 1.4rem; line-height:1.2em;}



.pagination{text-align: center; margin-bottom:20px; position:relative; font-size:0.9rem; font-family: 'Noto Sans KR', sans-serif; display: block;}
.pagination ul{display:inline-block; zoom:1;}
.pagination ul li{float: left;display: inline;margin:0 2px;}
.pagination ul li a{width:44px;height:44px;line-height:44px;border: 1px solid #e7e7e7;display:inline-block;}
.pagination ul li a:hover{border: 1px solid #171BA7; text-decoration:none;}
.pagination ul li a.page_on{border: 1px solid #171BA7;color:#171BA7;}
.pagination .btnPrev .prev1{background:#171BA7 url(../Content/images/arrow_prev.png) 0px center no-repeat; vertical-align:middle; border:1px solid #171BA7; background-size: 100%;}
.pagination .btnNext .next1{background:#171BA7 url(../Content/images/arrow_next.png) 0px center no-repeat; vertical-align:middle; border:1px solid #171BA7; background-size: 100%;}
.pagination .btnLe{position:absolute;left:0;top:0;}
.pagination .btnRi{position:absolute;right:0;top:0;}
.pagination .btn_ex {position: absolute; left:0px; top:0px;}
.pagination .btn_ex button,
.pagination .btn_ex a {display: inline-block; height:44px; line-height:44px; padding:0 15px; text-align: center; background:#0065b3; color:#fff; border: 0;}

.boardInfo{background:#f7f7f7;margin-bottom:30px; border-bottom:1px solid #ededed;}
.boardInfo .boardSearch{margin:0 auto; text-align: center; width:100%; padding:18px 0px;}
.boardInfo .boardSearch .Input{width:200px; height:44px; line-height:44px;color:#666;border: 1px solid #ddd; vertical-align:middle; margin:2px 0; font-size:1rem;}
.boardInfo .boardSearch .select{height:44px;border: none;color:#666;border: 1px solid #ddd;padding:3px;vertical-align:middle; margin:2px 0; font-size:1rem;}
.boardInfo .boardSearch .searchBtn{height:44px; background:#171BA7; text-align:center; cursor:pointer; border:none; color:#fff; padding:0 10px; margin:2px 0; font-size:1rem;}

.boardView{margin-bottom:25px; border-top:1px solid #171BA7;}
.boardView table{width:100%;}
.boardView table tbody tr th,
.boardView table tbody tr td{ position: relative; border-bottom:1px solid #ebebeb;padding:12px 15px;line-height:170%;}
.boardView table tbody tr th{background:#f1f1f3;text-align:left;color:#333333;padding-left:30px; vertical-align: middle;}
.boardView table tbody tr td.file{color:#2f8bcb;text-decoration:underline;}
.boardView table tbody tr td.file a{color:#2f8bcb;}
.boardView table tfoot tr td{border-bottom:1px solid #ebebeb;padding:12px 15px;line-height:170%;}
.boardView table tfoot tr th{background:#fff; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; text-align:left;color:#333333;padding-left:30px;}
.boardView table tbody tr td .urlbt {position: absolute; right:0px; top:10px; font-size:0.8rem; color:#666; vertical-align: middle; display: inline-block; border:1px solid #efefef; padding:1px 0.4em; background:#fafafa; border-radius: 30px; cursor: pointer;}

.boardwrite{margin-bottom:25px; border-top:1px solid #171BA7;}
.boardwrite table{width:100%;}
.boardwrite table tbody tr th,
.boardwrite table tbody tr td{border-bottom:1px solid #ebebeb;padding:12px 15px;line-height:170%;}
.boardwrite table tbody tr th{background:#f1f1f3;text-align:left;color:#333333;padding-left:30px; vertical-align: middle;}
.boardwrite table tbody tr td.file{color:#2f8bcb;text-decoration:underline;}
.boardwrite table tbody tr td.file a{color:#2f8bcb;}
.boardwrite table tfoot tr td{border-bottom:1px solid #ebebeb;padding:12px 15px;line-height:170%;}
.boardwrite table tfoot tr th{background:#fff; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; text-align:left;color:#333333;padding-left:30px;}

.boardView .conts{padding:30px;line-height:200%;border-bottom:1px solid #ebebeb;}
.boardView .conts img {max-width:100%;}
.view_btn{text-align:right;margin-bottom:25px; margin-top:25px;}
.write_btn{text-align:center;margin-bottom:25px;padding-top:30px;}
.reply_title { border-top:1px solid #171BA7; color:#171BA7; font-weight: 600;}

.file_container .file_item{margin:5px 0;}

.auth_box{text-align: center;}
.auth_box img{width:80px; display: block; margin:0 auto 20px;}

.pc_br:after{content: "\A"; white-space: pre;}


.greet_box{width:100%; padding-bottom: 30px; display: flex;}
.greet_box .intro_bg {margin-top:30px; height:515px; width:320px; background:url(../Content/images/intro_img1.png) center no-repeat; background-size:100%; color:#fff; font-weight: 400; font-size:2.2rem; display: flex; justify-content: center; align-items: center;}
.greet_box .intro_bg p {text-align: center; line-height:1.1;}
.greet_box .intro_cont {margin-top:30px; width:60%; padding-left:50px; }
.greet_box .intro_cont .intro_cont_tit {font-size:2.3rem; line-height: 1.2; font-weight: 300; word-break: keep-all;}
.greet_box .intro_cont .intro_cont_txt {font-size:1.2rem; line-height: 1.4; margin-top:35px; word-break: keep-all;}


.what_box{color:#222; font-size:1.3rem;}
.what_box .txt_tit{font-size:1.8rem; font-weight: 700; margin:40px 0 20px;}
.what_box .txt_tit::before {content:'▪'}
.what_box .txt_tit2{font-size:2rem; font-weight: 700; margin:40px 0 20px;}
.what_box .txt_p {}
.what_box .info_box { padding:30px; background-color: #fafafa; margin-top:30px;}
.what_box .info_box h5{font-size:1.3rem; font-weight: 700; margin:10px 0;}
.what_box .info_box p {font-size:1.2rem; line-height: 1.4; margin:5px 0; text-indent:-1em; padding-left:1em;}
.what_box .info_box p::before{content:'▪'}

.what_box .principle_box {display: flex; justify-content: space-between; width: 100%;}
.what_box .principle_box div {width:49%;}
.what_box .principle_box .principle {padding:2em;}
.what_box .principle_box .principle h5 {color:#FC636B; font-weight: bold; font-size:2rem;}
.what_box .principle_box .principle p{font-size:1.2rem;}
.what_box .principle_box .principle .txt_sub {font-size:1.4rem; font-weight: bold; margin:10px 0 5px;}
.what_box .principle_box .prc1 {border:1px solid #FC636B;}
.what_box .principle_box .prc1 h5 {color:#FC636B;}

.what_box .principle_box .prc2 {border:1px solid #618BF0;}
.what_box .principle_box .prc2 h5 {color:#618BF0;}

.what_box hr {height:1px; background:#eaeaea; margin:60px 0px;}

.what_box .img_box{width:100%; margin:50px 0;}
.what_box .img_box img{width:100%; display: block;}
.what_box .info_box2{padding:50px 30px; background-color: #fafafa; font-size:1.5rem; line-height: 1.3; text-align: center;}

.what2_box .txt_tit {color:#222; font-size:1.8rem; font-weight: 700; margin:40px 0 20px;}
.what2_box .txt_tit::before {content:'▪'}
.what2_box .tab_content + .tab_content{border-top:1px solid #dcdcdc;}
.what2_box .exabox {border:1px solid #eaeaea; background:#fafafa; padding:2.5%; line-height:140%; font-size:1.1rem; margin-bottom:30px;}
.what2_box .exabox .exa_tit {color:#394070; font-weight: 700; font-size:1.2em; padding-bottom:10px;}
.what2_box .exabox .exa_list span{color:#222;}
.what2_box .txt_subtit{color:#222; font-size:1.3rem; border-bottom:1px solid #222; padding-bottom:10px; font-weight: bold; margin-bottom: 20px;}
.what2_box .exaimg {display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: 15px;}
.what2_box .exaimg li {flex: 0 0 calc(50% - 7.5px); }
.what2_box .exaimg img {width: 100%; height: auto; display: block;}
.what2_box hr{height:1px; background:#eaeaea; margin:80px 0px;}


.opinion_box .txt_main{font-size:1.8rem; font-weight: 700; text-align: center; color: #000; line-height: 1.3; margin-bottom:50px;}
.opinion_box .txt_main a{color:#0065b3;}
.opinion_box .txt_main a:hover{text-decoration: underline;}
.opinion_box .p_sty_1{line-height: 1.6; color:#000; text-indent: -1em; padding-left: 1em;}
.opinion_box .p_sty_1+.p_sty_1{margin-top:10px;}
.opinion_box .p_sty_1::before{content: "▪";}
.opinion_box .info_box{background-color: #ebebeb; padding:30px;}
.opinion_box button{text-align: center; margin:0 auto; display: block; margin-top:30px;}

.opi_agree_box{background-color: #e6e6e6; padding:15px; margin-top:20px; text-align: center;}
.opi_agree_box p, 
.opi_agree_box legend{font-weight: 700; margin-top:10px;}
.opi_agree_box label{padding:12px 15px 12px 5px; font-weight: 700; margin-right:30px; cursor: pointer; margin-left:0;}
.opi_agree_box input{cursor:pointer; margin:0;}

.opi_agree_box2{background-color: #e6e6e6; padding:15px; margin-top:20px;}
.opi_agree_box2 p{font-weight: 700; margin-top:10px;}
.opi_agree_box2 .inp_list{display: flex;}
.opi_agree_box2 .inp_list label{padding:12px 15px 12px 5px; font-weight: 700; margin-right:30px; cursor: pointer; margin-left:0; flex-shrink: 1; line-height:1.2;}
.opi_agree_box2 input[type="checkbox"]{cursor:pointer; margin:12px 0; width:24px;}

.tbl_util_box{margin:10px 0; text-align: right;}

button .btn_pt{color:#1a6be1; font-weight: 700;}


/*댓글 내용*/
.reply_cont_box{border-top:1px solid #3c3c3c; margin:20px 0;}
.reply_cont_box .reply_cont{border-bottom:1px solid #dcdcdc; padding:20px 10px;}
.reply_cont_box .writer_nm{font-weight: 700; font-size:1.2rem; display: inline-block;}
.reply_cont_box .write_day{margin:0 0 0 12px; font-size:0.9rem; font-weight: 700; color:#aaa; display: inline-block;}
.reply_cont_box .cont_txt{display: block; width:100%; margin-top:8px; line-height: 1.8;}
.reply_cont_box .btn_box{margin-top:12px;}
.reply_cont_box .btn_box button{font-size:1rem; line-height: 1; padding:2px 18px; height: 44px;}

/*댓글*/
.reply_box{ padding: 10px 3%; background-color: #f0f0f0; border-top:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin:20px 0;}
.reply_box label{font-size:1.2rem; font-weight: 700; margin:3px 0;}
.reply_box textarea{width:100%; margin:8px 0; background-color: #fff;}
.reply_box .btn_box{text-align: center;}
.reply_box .btn_box .reply_btn{width:160px; margin:10px;}


.slt_box{border:1px solid #ddd;}

.tit_box{display: block; margin-top:100px; margin-bottom: 20px;}
.tit_box .txt_tit3{font-size:1.5rem; font-weight: 700; color:#000; display: inline-block; margin:0;}
.tit_box .pp_numb{font-size:1rem; font-weight: 700; color:#4664eb; display: inline-block; margin-left:8px;}


@media all and (max-width:1199px) {
	

	#top .topinner {width:100%; position: relative; flex-wrap: wrap;}
	#top h1 {padding:10px 0px;}
	#top .topinner #gnb { display: none;}
	#top .utilbox {position:relative; width:100%; top:0; background-color: #9fa1a3; display: none; text-align: center;}
	#top .utilbox li{ font-size:0.9rem; padding:0;}
	#top .utilbox li a{padding:12px; display: block; text-align: center; color:#fff;}
	#top .utilbox .util_nm, 
	#top .utilbox .util_login, 
	#top .utilbox .font-controls {vertical-align: middle;}
	#top .utilbox li::after{display: none;}

	.font-controls button{padding:9px 0; border:0;}
	.font-controls button span{display: block; border:1px solid #dadada; padding:6px 6px;}
	
	
	.mainbanner .txt_tit {font-size:2.8rem; font-weight: bold; word-break: break-all; margin-top:120px;}
	.mainbanner .txt_sub {font-size:1.3rem; padding-top:15px; line-height:140%; word-break: break-all;}

	.mainbanner .main_info_box{padding:25px 15px;}
	.mainbanner .main_info_box{display: block;}
	.mainbanner .main_info_box .info_tit{width:100%; text-align: center;}
	.mainbanner .main_info_box .info_slide{width:100%;}
	
	#top h1 {margin-left:2%;}
	#top h1 img {width:80%;}

	#top .topinner::before{display: none;}
	#top .topinner{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
	#top .mtop_btn_box{display: block; position: absolute; right:2%; top:4px;}
	#top .mtop_ico{display: block; background-color: transparent; border:0; padding:0;}
	#top .mtop_ico img{width:60px;}
	#top .mtop_ico_close{display: none; background-color: transparent; border:0; padding:0;}
	#top .mtop_ico_close img{width:60px;}
	#top .mtop_btn_box.active .mtop_ico{display: none;}
	#top .mtop_btn_box.active .mtop_ico_close{display: block;}

	#top #gnb {background-color: #fff; color:#222; width:100%; margin:0;}
	#top #gnb .step1>a {display: block; width:100%; text-align: left; padding:13px 5%; font-size:1.1rem; color:#222; border-bottom:1px solid #eaeaea; font-weight: bold; background:#fff; height: auto;}
	#top #gnb .step1>a::after{display: none;}

	#top #gnb .submenu_df {background:#fafafa; width:100%; border-bottom:1px solid #eee; padding:0;}
	#top #gnb .submenu_df li {font-size:1.1rem; text-align: left; padding:0 5%;}
	#top #gnb .submenu_df li a{text-align: left; display: inline-block; padding:14px 0;}
	


	/*메인컨텐츠*/
	.maincontent .innercont {width:100%;}
	.maincontent {width:100%; margin-top:0px;}
	.maincontent .mban{padding:15px 16px;}
	.maincontent .mnotice {width:50%; background: #171ba7;}
	.maincontent .mdata {width:50%;}
	.maincontent .mban a{font-size:1.3rem;}
	
	.maintxt { width:100%; margin: 0 auto;}
	.maintxt p {width:100%; text-align: center;}

	.informationtxt{position: relative; margin:20px auto;}
	.informationtxt{width:100%; max-width: 400px;}
	.informationtxt .info_inbox{padding:15px 15px;}
	.informationtxt .txt_tit{font-size:1rem;}
	.informationtxt .txt_txt img{width:16px;}
	.informationtxt .txt_txt .txt_num{font-size:1.1rem;}
	.informationtxt .txt_txt .txt_time{font-size:0.7rem;}

	.cont_infotxt{margin:15px auto;}
	.cont_infotxt .info_inbox{padding:15px 15px;}
	.cont_infotxt .txt_tit{font-size:0.8rem; line-height: 1.2;}
	.cont_infotxt .txt_txt .txt_num{font-size:1.1rem;}
	.cont_infotxt .txt_txt .txt_time{font-size:0.7rem;}
	
	.footer {padding:30px 15px;}
	.footer .footer_inner {text-align: center; flex-wrap: wrap;}

	.elearn_media_list {flex-direction: column;}
	.elearn_media_list li {width: 100%;}
	
	.elearn_media_colum ul li {padding:1em 0px 2em 0px;}
	.elearn_media_colum ul li .media_title {padding:0px; text-align: center;}
	.elearn_media_colum ul li .media_title .go_video { position: relative; width:100%;  text-align:center;}
	
	.tabnav {width:100%;}
	.tabnav li a{font-size:1.1rem;}

	.board_gallery dl { padding: 2em 0; }
    .board_gallery dl dt, .board_gallery dl dd { width: 100%; }
    .board_gallery dl dt { padding-bottom: 2em; }
	.board_gallery dl dt img { max-width: 100%; height: auto; }
    .board_gallery dl dd { padding: 0; max-height:160px; height:auto; }
	.boardView table tbody tr td .urlbt {display: none;}


	.pc_br::after{content: ""; white-space: normal;}

	.chk_box{padding:10px 0; cursor: pointer;}


	.greet_box{flex-wrap: wrap; justify-content: center;}
	.greet_box .intro_bg {}
	.greet_box .intro_cont {width:100%; text-align: center; padding:0;}


	


	
}

@media all and (max-width:768px){
	#top .topinner {width:100%;}
	#top .topinner #gnb { display: none;}
	#top .utilbox { display: none;}
	#snb {display: none;}

	.tabmenubox {width:100%; background:#fafafa; border-bottom:1px solid #d3d3d3; position: relative; height:40px;background:rgb(62,73,126); margin-top:0px;}
	.tabmenubox ul {width:100%; position: relative;}
	.tabmenubox ul li {font-size:1.1rem; letter-spacing: -0.05em; height:40px; line-height:35px; display: none;}
	.tabmenubox ul li.active {background:#007bc9; color:#fff; width:100%; display: block;}
	.tabmenubox ul li.active a{width:100%; height: 100%; color:#fff;}


	.tabmenubox.mo_view ul li{display: block;}
	.tabmenubox.mo_view ul li.active a{font-weight: 700;}
	
	.top_banner {height:150px; font-size:1.8rem; padding-top:80px;}
	.top_banner h2{line-height: 1;}
	.subcontent .subinner {width:100%; margin: 0 auto;}
	.subcontent h3 {font-size:2.6rem;}
	.priv_cont h3{font-size:1.1rem;}
	
	.mainpage .mainbanner {clear: both; /* height:320px; */ position: relative; text-align: center; color:#fff; letter-spacing: -0.05em; word-break: break-all;}
	.mainpage .mainbanner .txt_tit {font-size:1.7rem; font-weight: bold; padding:0 20px 0px 20px; word-break: keep-all; margin-top:0; }
	.mainpage .mainbanner .txt_sub {font-size:1.1rem; padding:10px 20px 0px 20px; line-height:120%; word-break: keep-all;}
	.mainpage .mainbanner .banner01 {background:url(../Content/images/mvisual_1.jpg) center 50% no-repeat; background-size:cover; /* height:320px; */ margin:0px; padding:0px; justify-content: center; padding-top:70px; padding-bottom:0;}

	.mainbanner .main_info_box{border-radius: 0;}
	.mainbanner .main_info_box .info_slide{margin-top:10px;}
	.mainbanner .main_info_box{margin-top:20px;}
	.mainbanner .main_info_box .txt_txt{font-size:1rem; margin-bottom:10px;}
	.mainbanner .main_info_box .btn_go{font-size:0.9rem; padding:16px 27px;}
	.mainbanner .main_info_box .btn_go .mark_drc{width:14px;}
	.mainbanner .txt_tit span{font-size:1.2rem;}
	.mainbanner .main_info_box .slide_util{padding:0;}
	.mainbanner .main_info_box .slide_util .btn_go_now span{font-size:0.9rem;}
	.mainbanner .main_info_box .slide_util .btn_go_now .mark_drc{width:13px;}
	.main_opi_lists .mySwiper_opinion{overflow: visible;}
	.main_opi_lists .mySwiper_opinion .opi_list{border-radius: 12px;}
	.main_opi_lists .mySwiper_opinion .opi_list .txt_box{padding:15px 12px; border-radius: 8px; height: 180px;}
	.main_opi_lists .mySwiper_opinion .opi_list h4{font-size:0.95rem;}
	.main_opi_lists .mySwiper_opinion .opi_list p{font-size:0.9rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-clamp: 5; overflow: hidden;}
	.main_opi_lists .mySwiper_opinion .opi_list .txt_addinfo{padding:15px 12px; font-size:0.85rem;}

	
	/*메인 슬라이드*/
	.main_opi_lists{padding:0;}
	.main_opi_lists .mySwiper_opinion .opi_list{width:43%;}
	.main_opi_lists .swiper-button-prev, .main_opi_lists .swiper-button-next{display: none;}

	
	#mtop { position: relative; display: block;}
	#top h1 {margin-left:15px; padding:0px; font-size:1rem; letter-spacing: -0.05em;}
	#top h1 a{padding:8px 0;}
	#top h1 .logo_img{width:32px;}
	/* #top h1 img {width:70%;} */
	#top .mtop_btn_box {position: absolute; right:5px; top:1px;}
	#top .mtop_btn_box img {width:30px;}
	#top .mtop_ico,
	#top .mtop_ico_close{padding:7px;}

	.maincontent {width:100%;margin-top:0px;}
	.maincontent .innercont {width:100%;}
	.maincontent .mban h3{font-size:1rem;}
	.maincontent .mban a{font-size:1.05rem;}
	.maincontent .mnotice {width:100%; background: #171ba7;}
	.maincontent .mdata {width:100%;}
	.maincontent .mban .mark_drc{width:18px;}

	.maintxt { width:100%; margin: 0 auto; word-break: pre-line; font-size:1rem;}
	.maintxt p {width:100%; text-align: center;}

	.login {background-size: 100%; padding-top:35%;}
	.login .login_box{padding:20px;}
	.login_box .txt_txt{font-size:1rem;}

	.footer .company_info {width:100%; font-size:0.8rem;}
	.footer .pri_info {width:100%; text-align: center; font-size:1rem;}
	.footer .copy_info {width:100%; font-size:0.8rem; text-align: center; padding-bottom: 40px;}

	.elearn_media_list {flex-direction: column;}
	.elearn_media_list li {width: 100%;}

	.elearn_media_all li .media_title .go_video { position: relative; width:100%;  text-align:center;}

	.elearn_media_colum ul li {padding:1em 0px 1em 0px;}
	.elearn_media_colum ul li .media_title {padding:0px; text-align: center; font-size:1rem; line-height:120%;}
	.elearn_media_colum ul li .media_title .go_video { position: relative; width:100%;  text-align:center;}
	
	.tabnav {width:100%;}
	.tabnav li a{font-size:1rem; line-height: 1.2;}

	.content  {}
	
	.intro_box .vision_list{width:100%;}

	.method_img li + li {width:100%; margin-top:50px;}
	.method_img li {width:100%; line-height:1.2;}
	
	.priv_cont ul li {width:32%; border:1px solid #a8caeb; margin-right:1%; float: left; text-align: center; margin-bottom:1%; letter-spacing: -0.05em; color:#394070; height:auto;}
	.priv_cont ul li img {width:50%;}
	.priv_cont ul li a {font-size:0.8rem; word-break:keep-all;}

	.board_gallery dl { padding: 2em 0; }
    .board_gallery dl dt, .board_gallery dl dd { width: 100%; }
    .board_gallery dl dt { padding-bottom: 2em; }
	.board_gallery dl dt img { max-width: 100%; height: auto; }
    .board_gallery dl dd { padding: 0; max-height:160px; height:auto; }
	.boardView table tbody tr td .urlbt {display: none;}
	
	.tableStyleList_1 {border-top:1px solid #171BA7;}
	.tableStyleList_1 table thead th:first-child {display: none;}
	.tableStyleList_1 table tbody th {display: none;}
	.tableStyleList_1 table thead th,
	.tableStyleList_1 table thead td{height:45px;line-height:45px;text-align:center;color:#222; background:#f8f8f8; border-top:1px solid #171BA7; border-bottom:1px solid #ddd; font-size:1.1rem; font-weight: 600; display: none;}
	
	.tableStyleList_1 table tbody td.subject{text-align:left;clear:both;overflow:hidden;position:relative; padding:5% 2% 5% 0px; line-height:140%; position: relative;}
	.tableStyleList_1 table tbody td.subject a,
	.tableStyleList_1 table tbody td.subjectre a { height:100%; color:#222;}
	.tableStyleList_1 table tbody td.subjectre {text-align:left;clear:both;overflow:hidden;position:relative; padding:5% 2% 5% 2%; line-height:140%; position: relative;}
	
	.tableStyleList_1 table tbody td:last-child {font-size:0.9rem; color:#888;}
	
	.tableStyleList_1 table colgroup {
      display: none;
    }
	
	.boardInfo{margin-bottom:5%; border-bottom:1px solid #ededed;}
	.boardInfo .boardSearch{}
	.boardInfo .boardSearch .Input{font-size:0.9rem;}
	.boardInfo .boardSearch .select{font-size:0.9rem;}
	.boardInfo .boardSearch .searchBtn{font-size:0.9rem;}
	
	.boardView table thead tr th {border-top:2px solid #59597a;  border-bottom:1px solid #ddd; text-align:center; background:#f1f1f3; color:#59597a; padding:2%; font-size:0.9rem; }
	.boardView table tbody tr th,
	.boardView table tbody tr td{border-bottom:1px solid #ebebeb;padding:3%;line-height:140%; font-size:1rem;}
	
	.boardView .conts{padding:3%;line-height:140%;border-bottom:1px solid #ebebeb;}
	.view_btn{text-align:right;margin-bottom:25px; margin-top:25px;}
	
	
	.boardwrite{margin-bottom:25px; border-top:1px solid #171BA7;}
	.boardwrite table{width:100%;}
	.boardwrite table tr th {border-bottom:1px solid #ddd; text-align:center; background:#f1f1f3; color:#59597a; padding:12px; font-size:0.9rem; }
	.boardwrite table tbody tr th,
	.boardwrite table tbody tr td{border-bottom:1px solid #ebebeb;padding:12px 15px;line-height:170%;}
	.boardwrite table tbody tr th{background:#f1f1f3;text-align:center;color:#333333;}
	.boardwrite table tbody tr td.file{color:#2f8bcb;text-decoration:underline;}
	.boardwrite table tbody tr td.file a{color:#2f8bcb;}
	.boardwrite table tfoot tr td{border-bottom:1px solid #ebebeb;padding:12px 15px;line-height:170%;}
	.boardwrite table tfoot tr th{background:#fff; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; text-align:left;color:#333333;padding-left:30px;}
	
	.pagination .btnRi{ position: relative; width:100%; padding:2% 0px;}
	.pagination .btnRi a {width:100%; }
	.pagination .btn_ex{position: relative; display: block; margin-bottom:20px;}

	.chk_box{padding:10px 0; cursor: pointer;}


	.greet_box .intro_bg{margin:0;}
	.greet_box .intro_cont .intro_cont_tit {font-size:1.8rem; margin-top:20px;}
	.greet_box .intro_cont .intro_cont_txt {font-size:1rem;}

	.what_box{font-size:1rem; line-height: 1.6;}
	.what_box .txt_tit{font-size:1.4rem;}
	.what_box .txt_tit2{font-size:1.6rem;}
	.what_box .info_box { padding:15px;}
	.what_box .info_box h5{font-size:1.1rem; }
	.what_box .info_box p {font-size:1rem; }

	.what_box .principle_box .principle {padding:15px;}
	.what_box .principle_box .principle h5 {font-size:1.4rem;}
	.what_box .principle_box .principle p{font-size:1rem; line-height: 1.3; margin-top:10px;}
	.what_box .principle_box .principle .txt_sub {font-size:1.2rem; line-height: 1.3;}
	.what_box .img_box{margin:30px 0;}
	.what_box .info_box2{padding:15px; font-size:1.1rem; line-height: 1.4;}

	.opinion_box .txt_main{font-size:1.2rem;}


}