@charset "utf-8";



.cb {clear:both;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.vt {vertical-align:top;}
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.di {display:inline;}
.dn {display:none;}
.db {display:block;}

.hid {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}

.ime_active {ime-mode:active;}
.ime_inactive {ime-mode:inactive;}
.ime_disabled {ime-mode:disabled;}

.data{margin:0;}

li[class*="list_ol"]{background-position: 0 8px !important;}

.tb7 {border:none; border:inherit; border-top:1px solid #2B2171; table-layout:fixed;}
.tb7 th{border:inherit; color:inherit;}
.tb7 td{border:inherit; color:inherit;}
.tb7 thead th {padding:15px; border:1px solid #E8E8E8; background-color:#F9F9F9; color:#565656; word-break: break-all;}
.tb7 thead tr:first-child th{border-top:1px solid #2B2171;}
.tb7 thead tr th:first-child{border-left:none;}
.tb7 thead tr th:last-child{border-right:none;}
.tb7 tbody th {background:none; border:1px solid #E8E8E8;}
.tb7 tbody td {border:1px solid #E8E8E8; padding:15px; word-break:break-all;}
.tb7 tr td:first-child{border-left:none;}
.tb7 tr th:first-child{border-left:none;}
.tb7 tr th:last-child{border-right:none;}
.tb7 tr th:first-child + td{border-left:1px solid #E8E8E8;}
.tb7 tr td:last-child{border-right:none;}

.tb7 .brn {border-right:none;}
.tb7 .brr {border-left:1px solid #E8E8E8;}
.tb7 .bg1 {background:#F9F9F9;}
.tb7 .bg_green {background:none; color:#565656;}
.tb7 .bg_gray {background:none;}
.tb7 .bg_purple {background:none;}
.tb7 .bg_blue {background:none;}
.tb7 .Lline {border-left:1px solid #E8E8E8;}
.tb7 .Rline {border-right:1px solid #E8E8E8 !important;}


table.tb1, table.tb1_shc {border:inherit;}
.tb1 th, 
.tb1 td, 
.tb1_shc td {padding:10px; border:inherit; color:inherit; font-size:14px; border:1px solid #E8E8E8;}
.tb1 thead th {color:inherit}
.tb1 thead tr:first-child th{border-top:1px solid #2B2171;}
.tb1 thead th.bg1 {background-color:#F9F9F9; color:inherit; height:auto; line-height:1.25em; font-size:15px;}
.tb1 th {background-color:#F9F9F9;} 
.tb1 th.bg2 {background-color:#F9F9F9;}
.tb1 .tb_text01 {display:block; font-size:16px; margin-top:7px; color:#184fa2;}
.tb1 .tb_text02 {font-size:15px; color:#000; font-weight:bold; height:30px; display:inline-block; height:50px; line-height:50px;}
.tb1 .bgblue, 
.tb1 tfoot th,  
.tb1 tfoot td{background:#F9F9F9}
.bg_yellow {background:#fffef8 !important;}
.bg_blue {background:#f6fcff !important;}


.box_style05{padding:20px; border-radius:20px;}

.bul_10{background-position:10px 10px;}

.w610{width:auto;}

.md-wrap.left-indent > .ml10{margin-left:0;}




















/* button */
a.btn, input.btn, button.btn
{display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 25px; background-color:#425ABE; color:#fff; font-size:14px; box-sizing:border-box; vertical-align:middle; line-height:1em; border-radius:10px; font-weight:500;}

.btn.xsmall{height:30px; font-size:14px; padding:0 15px;}
.btn.small{height:36px; font-size:14px;}
.btn.big{height:50px; font-size:16px; min-width:120px;}
.btn.wide{ min-width:220px;}

.btn.round{border-radius:20px;}
.btn.angular{border-radius:2px;}
.btn.big.round{border-radius:25px;}

a.btn.white, input.btn.white, button.btn.white
{background-color:#fff; border:1px solid #425ABE; color:#425ABE;}
.btn.line-gray{background-color:#fff; border:1px solid #E8E8E8; color:#545656;}
.btn.gray{background-color:#545656;}
.btn.light-gray{background-color:#9A9A9A;}

.bottom-btns{text-align:center; margin-top:30px !important; height:auto !important; position:relative;}
.bottom-btns:after{display:block;content:'';clear:both;}
.bottom-btns > .btn{margin:0 3px;}
.bottom-btns .a-left{float:left;}
.bottom-btns .a-left .btn{margin-right:2px;}
.bottom-btns .a-right{float:right;}
.bottom-btns .a-right .btn{margin-left:2px;}
.bottom-btns .sns-share{position:absolute; right:0; top:50%; margin-top:-17px;}

.inner-btns{margin-top:15px;}
.inner-con{margin:10px 0;}

.top-btns{margin-bottom:30px;}

.sns-share{display:inline-flex; align-items:center;}
.sns-share a{display:inline-block; width:34px; height:34px; border:1px solid #E8E8E8; box-sizing:border-box; background-color:#fff; border-radius:50%; text-align:left; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; overflow:hidden; margin-right:5px;}
.sns-share a:last-child{margin-right:0;}
.sns-share .tw{background-image:url(../images/common/i_sns_tw.svg);}
.sns-share .fb{background-image:url(../images/common/i_sns_fb.svg);}
.sns-share .inst{background-image:url(../images/common/i_sns_inst.svg);}
.sns-share .blog{background-image:url(../images/common/i_sns_blog.svg);}


/* title */
.big-title{position:relative; font-size:20px; font-weight:600; color:#425ABE; margin-bottom:15px;}

.con-title{position:relative; font-size:18px; font-weight:500; padding-left:14px; margin-bottom:10px;}
.con-title:before{display:block;content:''; width:6px; height:6px; box-sizing:border-box; border:2px solid #545656; position:absolute;left:0;top:0.75em;}
.con-title-sub{margin-bottom:10px;}
.con-title2{position:relative; font-size:18px; font-weight:500; padding-left:14px; margin-bottom:10px;}

.i-title{position:relative; font-size:18px; font-weight:500; padding-left:14px; margin-bottom:10px;}
.i-title:before{display:block;content:''; width:6px; height:6px; box-sizing:border-box; border:2px solid #545656; position:absolute;left:0;top:11px;}

.md-title{font-size:16px; font-weight:500; position:relative; padding-left:10px; margin-bottom:10px;}
.md-title:before{display:block;content:''; width:3px; height:3px; background-color:#CCCCCC; position:absolute;left:0;top:0.75em;}

.sm-title{font-size:15px; font-weight:500; margin-bottom:10px;}

.con-wrap{margin-bottom:40px;}
.md-wrap{margin-bottom:30px;}
.sm-wrap{margin-bottom:20px;}

.con-wrap.left-indent{margin-left:14px;}

.md-wrap.left-indent{margin-left:10px;}
.md-wrap > *{margin-bottom:10px;}
.md-wrap > *:last-child{margin-bottom:0;}
.md-wrap > .sm-wrap {margin-bottom: 20px;}

.con-title.top-mg,
.con-wrap.top-mg{margin-top:40px;}
.md-title.top-mg,
.md-wrap.top-mg{margin-top:30px;}
.sm-title.top-mg,
.sm-wrap.top-mg{margin-top:20px;}

.sub-txt{font-size:14px; color:#737373;}

/* list */
.list-dot > li{padding-left:11px; position:relative; margin-bottom:10px;}
.list-dot > li:last-child{margin-bottom:0;}
.list-dot > li:before{display:block;content:''; width:3px; height:3px; background-color:#CCCCCC; position:absolute;left:0; top:0.75em;}
.list-dot > li.is-sub{padding-bottom:5px;}
.list-dot > li > .item-head{font-size:16px; font-weight:500; display:inline-block; margin-bottom:5px; display:block;}
.list-dot > li > .item-head + p{margin-top:5px;}
.list-dot > li > .sub-txt-group{margin-top:10px;}
.list-dot.gap > li{margin-bottom:15px;}
.list-dot.thin > li{margin-bottom:5px;}
.list-dot .list-ganada,
.list-dot .list-dash,
.list-dot .list-dot-mini,
.list-dot .list-num{margin:5px 0;}

.i-dot{padding-left:10px; position:relative; margin:5px 0;}
.i-dot:before{display:block;content:''; width:3px; height:3px; background-color:#CCCCCC; position:absolute;left:0;top:0.65em;}

.list-dot-mini > li{margin-bottom:5px; position:relative; padding-left:10px;}
.list-dot-mini > li:last-child{margin-bottom:0;}
.list-dot-mini > li:before{display:block;content:''; width:2px; height:2px; border-radius:1px; background-color:#545656; position:absolute; left:1px; top:0.83em;}
.list-dot-mini > li > .item-head{font-weight:500;}
.list-dot-mini > li > .item-head + p{margin-top:5px;}
.list-dot-mini.gap > li{margin-bottom:15px;}
.list-dot-mini.thin > li{margin-bottom:0;}
.list-dot-mini .list-dot,
.list-dot-mini .list-ganada,
.list-dot-mini .list-dash,
.list-dot-mini .list-num{margin:5px 0;}

.i-dot-mini{padding-left:10px; position:relative; margin:5px 0;}
.i-dot-mini:before{display:block;content:''; width:2px; height:2px; border-radius:1px; background-color:#545656; position:absolute; left:1px; top:0.83em;}

.list-dash > li{padding-left:10px; position:relative; margin-bottom:5px;}
.list-dash > li:last-child{margin-bottom:0;}
.list-dash > li:before{display:block;content:''; width:4px; height:1px; background-color:#575757; position:absolute;left:0;top:0.83em;}
.list-dash > li .item-head{font-size:15px; font-weight:500; display:inline-block; margin-bottom:5px; display:block;}
.list-dash.thin > li{margin-bottom:0;}
.list-dash .list-dot,
.list-dash .list-ganada,
.list-dash .list-dot-mini,
.list-dash .list-num{margin:5px 0;}
.list-dash.top-mg{margin-top:10px;}

.i-dash{padding-left:10px; position:relative; margin:5px 0;}
.i-dash:before{display:block;content:''; width:4px; height:1px; background-color:#575757; position:absolute;left:0;top:0.83em;}

.list-num > li{margin-bottom:10px;}
.list-num > li:last-child{margin-bottom:0;}
.list-num > li > .item-head{font-size:15px; font-weight:500; display:inline-block; margin-bottom:5px; display:block;}
.list-num.thin > li{margin-bottom:5px;}
.list-num.gap > li{margin-bottom:15px;}
.list-num.top-mg{margin-top:10px;}
.list-num.bottom-mg{margin-bottom:10px;}
/*.list-num > li > .inner-con{margin-top:5px;}*/
.list-num .list-dot,
.list-num .list-dash,
.list-num .list-dot-mini,
.list-num .list-ganada{margin:5px 0;}
.list-num > li > .left-indent{margin-left:16px;}

.list-ganada.top-mg{margin-top:10px;}
.list-ganada > li.gap{margin-top:10px;}
.list-ganada .list-dot,
.list-ganada .list-dash,
.list-ganada .list-dot-mini,
.list-ganada .list-num{margin:5px 0;}
.list-ganada > li > .left-indent{margin-left:20px;}

.p-group > *{margin-bottom:10px;}
.p-group > :last-child{margin-bottom:0;}

[class^="list-"] > li > .inner-con{margin:5px 0;}

.clear{clear:both;}

/* font */
.txt-red{color:#E4032E !important;}
.txt-blue{color:#425ABE !important;}
.txt-gray{color:#565656;}
.txt-gold{color:#8c6104;}

.txt-bold{font-weight:600;}
.txt-normal{font-weight:normal;}

.txt-big{font-size:18px;}
.txt-middle{font-size:16px;}
.txt-small{font-size:14px;}

.txt-link,
a.txt-link{color:#425ABE; border-bottom:1px solid #425ABE;}

.txt-underline{text-decoration:underline !important;}

/* icon */
.i-secret{display:inline-block; width:18px;height:18px; vertical-align:middle; background:url(../images/common/i_secret.svg) center center no-repeat; text-align:left; text-indent:-9999px; overflow:hidden;}
.i-notice{display:inline-block; width:24px;height:24px; vertical-align:middle; background:url(../images/common/i_notice.svg) center center no-repeat; text-align:left; text-indent:-9999px; overflow:hidden;}
.a-arr-go:after{display:inline-block; content:''; width:8px;height:12px; background:url(../images/contents/i_arr_go_on.svg) center center  / 4px auto no-repeat; margin-left:8px;}
.a-file{display:inline-flex; align-items: center; }
.a-file:before{display:block;content:''; width:44px;height:44px; border-radius:50%; margin-right:10px; background-color:#fff; background-position:center center; background-repeat:no-repeat;}
.a-file.hwp:before{background-image:url(../images/common/i_file_hwp.svg);}
.a-file.doc:before{background-image:url(../images/common/i_file_docx.svg);}
.a-file.pdf:before{background-image:url(../images/common/i_file_pdf.svg);}

/* tip */
.tip-info{position:relative; padding-left:30px;}
.tip-info .word{color:#14296C; font-weight:500;}
.tip-info:before{position:absolute;left:0;top:4px; display:block;content:'';width:20px;height:20px; background:url(../images/contents/i_info.svg) 0 0 no-repeat;}
.tip-wrap .tip-sub-txt{padding-left:30px;}

.tip-refer{position:relative; padding-left:20px;}
.tip-refer:before{position:absolute;left:0;top:0;content:'※'; }
.tip-refer.txt-small{padding-left:16px;}
.tip-refer.sub-txt{padding-left:16px;}

.tip-star{position:relative; padding-left:12px;}
.tip-star:before{position:absolute;left:0;top:3px;content:'*';}

/* scroll */
.scrollBox::-webkit-scrollbar {-webkit-appearance: none;}
.scrollBox::-webkit-scrollbar:vertical {width: 5px;}
.scrollBox::-webkit-scrollbar:horizontal {height: 5px;}
.scrollBox::-webkit-scrollbar-thumb {background-color:#aaa;border-radius: 10px;border:none;}
.scrollBox::-webkit-scrollbar-track {border-radius: 10px; background-color: #eee;}

/* tab */
.con-tab-nav{display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc; margin-bottom:40px; padding-bottom:15px;}
.con-tab-nav li{box-sizing:border-box; position:relative; padding-right:20px; margin-right:20px;}
.con-tab-nav li:after{display:block; content:''; width:1px; height:10px; background-color:#E8E8E8; position:absolute;right:-1px;top:50%; margin-top:-5px;}
.con-tab-nav li a{font-size:18px; display:block; padding:5px 0; color:#737373; font-weight:500;}
.con-tab-nav li:first-child a{padding-left:0;}
.con-tab-nav li:last-child{margin-right:0; padding-right:0;}
.con-tab-nav li:last-child:after{display:none;}
.con-tab-nav .active a{color:#464646; font-weight:600;}
.con-tab-nav.top-mg{margin-top:30px;}

.winPop-wrap .con-tab-nav{margin-bottom:30px;}

.con-tab-nav-wrap{position:relative;}
.con-tab-nav-wrap .other-nav{position:absolute; right:0;top:0; display:flex; align-items:center;}
.con-tab-nav-wrap .other-nav > *{margin-right:5px;}
.con-tab-nav-wrap .other-nav > *:last-child{margin-right:0;}

.cate-tab-nav{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.cate-tab-nav li{margin-bottom:5px; margin-right:10px;}
.cate-tab-nav a{display:flex; align-items:center; height:34px; border:1px solid #ccc; padding:0 24px; border-radius:17px; box-sizing:border-box; font-size:14px;}
.cate-tab-nav a:hover{background-color:#425ABE; border-color:#425ABE; color:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.2);}

.tabWrap .tabContents .tabPage{display:none; position:relative;}
.tabWrap .tabContents .tabPage.active{display:block;}
.tabWrap .tabContents .tabPage > .tabPage-title{position:absolute;left:0;top:-9999px;}

.con-tab-nav2{display:flex; flex-wrap:wrap; margin:-7px -3px 30px -3px;}
.con-tab-nav2 li{margin:7px 3px;}
.con-tab-nav2 a{display:inline-flex; height:34px; box-sizing:border-box; align-items: center; justify-content: center; border:1px solid #ccc; border-radius:17px; padding:0 24px; font-size:14px;}
.con-tab-nav2 a:hover{background-color:#425ABE; border-color:#425ABE; color:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.2);}

/* table */
.con-table-title{font-weight:500; margin-bottom:10px;}
.con-table-unit{position:absolute;right:0;top:-35px;}
.con-table{border-top:1px solid #2B2171; position:relative; overflow-x:auto;}
table.con-table{width:100%; table-layout:fixed;}
.con-table table{width:100%; table-layout:fixed;}
.con-table thead th{border:1px solid #E8E8E8; background-color:#F9F9F9; text-align:center; padding:15px; word-break: break-all; line-height:1.25em;}
.con-table thead tr th:first-child{border-left:none;}
.con-table thead tr th:last-child{border-right:none;}
.con-table tbody th{border:1px solid #E8E8E8; padding:15px;}
.con-table tbody th.bg{background-color:#F9F9F9;}
.con-table tbody tr.bg th,
.con-table tbody tr.bg td{background-color:#F9F9F9;}
.con-table tbody td{border:1px solid #E8E8E8; padding:15px; word-break:break-all;}
.con-table tr td:first-child{border-left:none;}
.con-table tr th:first-child{border-left:none;}
.con-table tr th:last-child{border-right:none;}
.con-table tr th:first-child + td{border-left:1px solid #E8E8E8;}
.con-table tr td:last-child{border-right:none;}
.con-table.align-all-top tbody th,
.con-table.align-all-top tbody td{vertical-align:top;}
.con-table.align-all-center thead th{padding:15px 5px;}
.con-table.align-all-center tbody th,
.con-table.align-all-center tbody td{text-align:center;}
.con-table.align-all-right tbody td{text-align:right;}
.con-table.tbody-th-bg tbody th{background-color:#F9F9F9;}
.con-table tbody tr.bg th{background-color:#F9F9F9;}
.con-table tbody tr.bg td{background-color:#F9F9F9;}
.con-table .table-refer{margin-top:15px;}
.con-table.top-mg{margin-top:10px;}
.con-table.bottom-mg{margin-bottom:10px;}
.con-table.is-unit{margin-top:30px;}
.con-table .min-w500{min-width:500px;}
.con-table .min-w600{min-width:600px;}
.con-table .min-w700{min-width:700px;}
.con-table .min-w800{min-width:800px;}
.con-table .min-w900{min-width:900px;}
.con-table .min-w1000{min-width:1000px;}
.con-table .tl{text-align:left;}
.con-table .tr{text-align:right;}
.con-table .tr{text-align:right;}
.con-table.txt-small thead th,
.con-table.txt-small tbody th,
.con-table.txt-small tbody td{font-size:13px; padding:15px 5px;}

.con-table-top{margin-bottom:10px;}
.con-table-bottom{margin-top:10px;}


.con-table2{width:100%; table-layout:fixed; background-color:#fff; margin:10px 0;}
.con-table2 thead th{border:1px solid #E8E8E8; background-color:#F9F9F9; text-align:center; padding:8px; word-break: break-all;}
.con-table2 thead tr th:first-child{border-left:none;}
.con-table2 thead tr th:last-child{border-right:none;}
.con-table2 tbody th{border:1px solid #E8E8E8; padding:8px; text-align:center;}
.con-table2 tbody th.bg{background-color:#F9F9F9;}
.con-table2 tbody td{border:1px solid #E8E8E8; padding:8px; text-align:center;}
.con-table2 tr td:first-child{border-left:none;}
.con-table2 tr th:first-child{border-left:none;}
.con-table2 tr th:last-child{border-right:none;}
.con-table2 tr th:first-child + td{border-left:1px solid #E8E8E8;}
.con-table2 tr td:last-child{border-right:none;}


/* form */
.check-group{display:flex; align-items:center; flex-wrap:wrap; min-height:40px; box-sizing:border-box; padding:5px 0;}
.check-group > label{margin-right:20px;}
.check-group.col2 > label{width:calc((100% / 2) - 30px);}
.check-group.col3 > label{width:calc((100% / 3) - 30px);}
.check-group.col4 > label{width:calc((100% / 4) - 30px);}
.check-group.col5 > label{width:calc((100% / 5) - 30px);}
.check-group.inline{display:inline-flex;}

/* ie11 */
.ie11 input[type="radio"],
.ie11 input[type="checkbox"]{margin-right:5px;}

label.no-txt{display:inline-block; width:18px;height:18px; overflow:hidden; vertical-align:middle;}
label.no-txt input{vertical-align:top;}

.datepicker{width:140px; padding-right:40px; background-image:url(../images/common/i_calendar.svg); background-position:right 20px center; background-repeat:no-repeat; background-size:16px 18px;}
.date-period{display:inline-flex; align-items:center; width:100%; max-width:385px;}
.date-period .datepicker{padding-left:20px; }
.date-period .dash{width:20px;text-align:center; font-size:14px;}
.date-period select{width:calc(50% - 10px);}



.input-tel{display:inline-flex; align-items:center; width:100%; max-width:320px;}
.input-tel select,
.input-tel input{width:calc(100% / 3 - 12px);}
.input-tel span{width:18px;text-align:center;}

.input-tel + .check-group{margin-left:10px;}

.input-etc-opt{display:inline-flex; margin-left:10px;}

.input-email{display:flex; align-items:center;}
.input-email .email-id{width:50%;}
.input-email .email-domain{width:160px;}
.input-email .email-domain-opt{width:160px; margin-left:5px;}
.input-email .btn{margin-left:5px;}
.input-email .at{width:20px; text-align:center;}

.input-data-check{display:inline-flex; align-items:center;}
.input-data-check input[type="text"]{width:200px; max-width:100%;}
.input-data-check .input-text{width:100%;}
.input-data-check .btn{margin-left:5px; flex-shrink:0;}
.input-data-check.phone{}

.input-zipcode{display:flex; align-items:center; width:250px; max-width:100%;}
.input-zipcode input{width:100%; margin-right:5px;}
.input-zipcode .btn{flex-shrink:0;}
.input-address .input-addr1,
.input-address .input-addr2{margin-top:5px;}
.input-address .input-addr1 input,
.input-address .input-addr2 input{width:100%;}
.input-zipcode + .input-addr-detail{margin-top:5px;}
.input-addr-detail{display:flex; flex-wrap:wrap; justify-content:space-between;}
.input-addr-detail input{width:calc(50% - 3px);}

.input-textarea textarea{width:100%; height:150px;}
.input-textarea textarea.row2{height:50px;}
.input-textarea textarea.row3{height:75px;}
.input-textarea textarea.row4{height:100px;}
.input-textarea textarea.row5{height:125px;}
.input-textarea textarea.row6{height:150px;}
.input-textarea textarea.row7{height:175px;}
.input-textarea textarea.row8{height:200px;}
.input-textarea textarea.row10{height:250px;}
.input-textarea .text-length-status{margin-top:10px; font-size:13px;}
.input-textarea .text-length-status .max{color:#E4032E;}

.input-jumin{display:inline-flex; align-items:center;}
.input-jumin input{width:150px;}
.input-jumin .dash{width:20px; text-align:center;}

.input-birth{display:inline-flex;}
.input-birth input{width:60px;}
.input-birth select{margin-right:6px;}
.input-birth select:last-child{margin-right:0;}
.input-birth .birth-year{width:100px;}
.input-birth.type-text > span{margin-right:5px;}
.input-birth.type-text > span:last-child{margin-right:0;}

.input-text{display:inline-flex; align-items:center;}
.input-text input{width:100%;}
.input-text > *{margin-right:3px;}
.input-text > *:last-child{margin-right:0;}

.input-period{display:inline-flex; align-items:center;}
.input-period > span{margin-right:3px;}
.input-period > span:last-child{margin-right:0;}
.input-period .item-datepicker{display:inline-flex; width:140px;}
.input-period .item-datepicker input{width:100%;}
.input-period .item-datepicker a{flex-shrink:0;}
.btn-calendar{display:inline-block;width:30px;height:40px; text-align:left; overflow:hidden; text-indent:-9999px; background:url(../images/common/i_calendar.svg) center center no-repeat;}

/**/
.input-attachfile{display:flex; position:relative; width:50%;}
.input-attachfile .file-name{width:calc(100% - 105px); margin-right:5px;}
.input-attachfile .file-push{width:0;opacity:0; position:absolute;left:-99999px;}
.input-attachfile .file-find{width:100px; display:inline-flex; align-items:center; justify-content:center; background-color:#987F62;color:#fff; flex-shrink:0;}

.input-attachfile-wrap .row{display:flex;}
.input-attachfile-wrap .row + .row{margin-top:10px;}
.input-attachfile-wrap .input-attachfile{width:50%; margin-right:10px;}
.input-attachfile-wrap .add-delete{flex-shrink:0; display:flex;}
.input-attachfile-wrap .add-delete button + button{margin-left:5px;}


/* 검색폼 */
.data-search-wrap{margin-bottom:30px;}
.data-search-wrap.is-guide{margin-bottom:60px;}
.data-search-wrap.top-mg{margin-top:30px;}

.data-search-form{display:flex; align-items:center; justify-content:center;}
.data-search-form form{width:100%;}
.data-search-form fieldset{display:flex; align-items:center; justify-content:center;}
.data-search-form .data-search-input{border:1px solid #ccc; display:flex; align-items:center; height:46px; border-radius:23px; box-sizing:border-box; padding:0 23px 0 0; width:75%; position:relative;}
.data-search-form .data-search-input .opt{display:block; width:120px; height:100%; flex-shrink:0; box-sizing:border-box; padding-right:1px; position:relative; }
.data-search-form .data-search-input .opt:after{display:block; content:''; width:1px; height:20px; background-color:#E8E8E8; position:absolute; right:0; top:50%; margin-top:-10px;}
.data-search-form .data-search-input .opt select{height:100%; border:none; width:100%; background:url(../images/common/arr_search_select.svg) right 15px center no-repeat; padding-left: 20px; border-radius: 23px 0 0 23px;}
.data-search-form .data-search-input .keyword{height:100%; width:100%; border:none; padding:0 46px 0 30px;}
.data-search-form .data-search-input.only-keyword{padding:0;}
.data-search-form .data-search-input.only-keyword .keyword{border-radius:23px;}
.data-search-form .data-search-input.only-opt{padding:0;}
.data-search-form .data-search-input.only-opt select{width:calc(100% - 23px); height:100%; border:none; border-radius:23px 0 0 23px;padding-left:30px; background-position:right 30px center;}
.data-search-form .data-search-input .keyword-guide{position:absolute; left:30px; top:52px; font-size:12px; color:#737373; width:100%;}
.data-search-form .btn-search{width:120px; height:46px; border-radius:23px; background-color:#6A6A6A; color:#fff; font-size:15px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; margin-left:-40px;}
.data-search-form .btn-search:before{display:block; content:''; width:20px; height:20px; margin-right:12px; background:url(../images/common/i_search_w.svg) center center / cover no-repeat;}

.data-search-form .input-item{display:inline-flex; align-items:center; margin-right:15px;}
.data-search-form .input-item > label{font-weight:500; margin-right:15px;}
.data-search-form .input-item .select{border-radius:23px; height:46px; background:url(../images/common/arr_search_select.svg) right 15px center no-repeat; min-width:130px; text-indent:20px;}
.data-search-form .input-item .datepicker{border-radius:23px; height:46px; font-size:14px; }
.data-search-form .data-search-label{font-weight:500; margin-right:20px; flex-shrink:0;}

/* 기존 검색폼 */
.data-search{margin-bottom:20px; text-align:right;}
.data-search fieldset{display:flex; align-items: center; justify-content: flex-end; flex-wrap:wrap;}
.data-search fieldset > *{margin-right:5px;}
.data-search fieldset > *:last-child{margin-right:0;}
.data-search .btn-search{width:80px; height:40px; border-radius:2px; background-color:#6A6A6A; color:#fff; font-size:15px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; position:relative;}
.data-search .data-search-input{display:inline-flex;width:280px; max-width:100%; vertical-align:middle;}
.data-search .data-search-input .keyword{width:calc(100% - 85px); margin-right:5px;}
.data-search .opt-item{display:inline-flex; align-items: center; margin-right:20px;}
.data-search .opt-item label{margin-right:5px;}
.data-search .in-search{vertical-align:middle;}


/* 목록 */
.data-list{position:relative; border-top:1px solid #2B2171;width:100%; }
.data-list table{width:100%; table-layout:fixed;}
.data-list thead th{background-color:#F9F9F9; border-bottom:1px solid #ccc; padding:10px; text-align:center; height:55px; box-sizing:border-box; line-height:1.16em;}
.data-list tbody th{border-bottom:1px solid #ccc; padding:10px; height:60px; box-sizing:border-box;}
.data-list tbody td{border-bottom:1px solid #ccc; padding:10px; text-align:center; height:60px; box-sizing:border-box; word-break:break-all;}
.data-list td.title{text-align:left;}
/*.data-list td.title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}*/
.data-list td.title .title-sub{font-size:14px; color:#737373;}
.data-list td.no-data{text-align:center !important; width:100%; padding:50px 0;}
.data-list td.title .i-secret{margin-top:-3px; margin-left:3px;}
.data-list td.title img{vertical-align:middle; margin-left:3px;}
.data-list td.file img{max-width:20px;}
.data-list td.tl{text-align:left;}
.no-data-msg{text-align:center; position:relative;}
.no-data-msg:before{display:block; content:''; width:80px; height:80px; border-radius:50%; background:#F9F9F9 url(../images/common/i_nodata.svg) center center no-repeat; margin:0 auto 20px auto;}

.data-list-top{display:flex; flex-wrap:wrap;}
.data-list-top .a-left{margin-bottom:10px; margin-right:10px;}
.data-list-top .list-acount{margin-bottom:10px;}
.data-list-top .data-search{margin-left:auto;}
.data-list-top .data-sort{margin-left:auto;}

.data-sort{display:inline-flex; align-items:center; margin-bottom:10px;}
.data-sort > *{margin-right:3px;}
.data-sort > *:last-child{margin-right:0;}


/* 상세 */
.data-view{position:relative; border-top:1px solid #2B2171;}
.data-view table{width:100%; table-layout:fixed;}
.data-view tbody th{border-bottom:1px solid #E8E8E8; background-color:#F9F9F9; text-align:left; padding:15px 20px; box-sizing:border-box; font-weight:500;}
.data-view tbody td{border-bottom:1px solid #E8E8E8; background-color:#fff; padding:15px 20px; text-align:left; box-sizing:border-box;}
.data-view .data-view-title{font-size:18px; font-weight:500;}
.data-view .data-view-contents{height:300px; padding:20px; vertical-align:top; line-height:1.75;}
.data-view .data-view-file a{color:#425ABE;}
.data-view dl.inner-info{display:flex; align-items:center;}
.data-view dl.inner-info dt{display:inline-flex; align-items:center; font-weight:500; height:30px; border-radius:13px; margin-right:5px; font-size:14px;}
.data-view dl.inner-info dd{margin-right:40px; font-weight:500;}
.data-view dl.inner-info dd:last-child{margin-right:0;}

.view-inner-list{border-top:1px solid #E8E8E8; margin-top:30px;}
.view-inner-list .row{border-bottom:1px solid #E8E8E8; display:flex; }
.view-inner-list .row .lb{width:100px; padding:18px 20px; box-sizing:border-box; flex-shrink:0; background-color:#F9F9F9; font-size:16px;}
.view-inner-list .row .title{padding:18px 0; text-align:left; margin-left:20px; font-size:16px;}

/* 기존 마크업 */
.view_bbs{border-top:1px solid #2B2171;}
.view_bbs dl{display:flex; position:relative;}
.view_bbs dt{background-color:#F9F9F9; text-align:left; padding:15px 20px; box-sizing:border-box; font-weight:500; width:15%; border-bottom:1px solid #E8E8E8; flex-shrink:0;}
.view_bbs dd{text-align:left; padding:15px 20px; box-sizing:border-box; border-bottom:1px solid #E8E8E8; width:85%;}
.view_dl1 dt{display:block;}
.view_dl1 dd{font-size:18px; font-weight:500; width:100%;}
.view_dl2 dd{ width:18.33%; flex-shrink:0;}
.view_dl2 dd:last-child{width:85%; flex-shrink:1;}
.view_dl3 dt{position:absolute;left:-9999px;}
.view_dl3 dd{padding:30px 20px; width:100%;}
.view_dl4 dt{display:block;}
.view_dl4 dd{width:85%;}

.prev-next-list{border-top:1px solid #E8E8E8; margin-top:30px; display:flex; flex-wrap:wrap;}
.prev-next-list dt{width:15%; padding:18px 20px; box-sizing:border-box; flex-shrink:0; background-color:#F9F9F9; border-bottom:1px solid #E8E8E8; text-align:center;}
.prev-next-list dd{width:85%; padding:18px 20px; box-sizing:border-box; border-bottom:1px solid #E8E8E8;}

/* 등록 */
.data-regist{position:relative;}
.data-regist table{width:100%; table-layout:fixed; border-top:1px solid #2B2171;}
.data-regist tbody th{border-bottom:1px solid #ccc; background-color:#F9F9F9; text-align:left; padding:15px 20px; box-sizing:border-box; height:61px;}
.data-regist tbody td{border-bottom:1px solid #ccc; background-color:#fff; padding:15px 20px; text-align:left; box-sizing:border-box; height:61px;}
.data-regist .keyboard-exe{border-bottom:1px solid #ccc; background-color:#F9FAFC; padding:20px; text-align:left; box-sizing:border-box; }
.data-regist .macKeyboard ~ table{ border-top:1px solid #ccc;}
.data-regist.top-mg{margin-top:60px;}


/* 
.required-guide{font-size:14px; margin:10px 0;}
.required{color:#E4032E; font-weight:500;}
.blet_star{color:#E4032E; font-weight:500;}
*/


.input-guide{font-size:14px;}
.input-guide.before{margin-bottom:10px;}
.input-guide.after{margin-top:10px;}

.data-regist .input-row > .lb-row{font-weight:500; margin-right:10px;}
.data-regist .input-row + .input-row{margin-top:15px;}

.macKeyboard{background-color:#F9F9F9; padding:15px 20px; display:flex; align-items: center; border-radius:10px; border:1px solid #ccc; margin-bottom:10px;}

/* paging */
.paging{text-align:center; display:flex; align-items:center; justify-content:center; margin:30px 0; padding:0;}
.paging > *{display:inline-block; height:24px; min-width:24px; line-height:24px; vertical-align:middle; overflow:hidden; box-sizing:border-box; margin:0 4px; font-size:14px; font-weight:500; border-radius:8px;}
.paging .page{text-align:left;text-indent:-9999px;position:relative; border:1px solid #dedede;}
.paging .page:hover{border-color: #545656;}
.paging .page:after{display:block;width:100%;height:100%;position:absolute;left:0;top:0;content:'';}
.paging .first:after{background:url(../images/common/page_first.svg) center center no-repeat;}
.paging .prev:after{background:url(../images/common/page_prev.svg) center center no-repeat;}
.paging .next:after{background:url(../images/common/page_next.svg) center center no-repeat;}
.paging .last:after{background:url(../images/common/page_last.svg) center center no-repeat;}
.paging .prev{margin-right:20px;}
.paging .next{margin-left:20px;}
.paging .current{background-color:#545656; color:#fff; font-weight:bold;}

.paging + .bottom-btns{margin-top:-30px;}




/* 상단 안내 박스 */
.top-msg-box{background-color: #F9FAFC; border:1px solid #E8E8E8; border-radius:20px; padding:30px; margin-bottom:30px;}
.top-msg-box > *{margin-bottom:10px;}
.top-msg-box > *:last-child{margin-bottom:0;}
.top-msg-box .related-link{margin-top:15px;}
.top-msg-box .related-link .btn{margin-right:5px;}
.top-msg-box.center{text-align:center;}
.top-msg-box .site-go{display:flex; align-items:center; flex-wrap:wrap;}
.top-msg-box .site-go .site-link{margin-left:auto;}
.top-msg-box .con-box{background-color:#fff;}
.top-msg-box.bottom{margin-top:30px; margin-bottom:0;}


.img-box{background-color: #F9FAFC; border:1px solid #E8E8E8; border-radius:20px; padding:30px;  margin:20px 0; text-align:center;}
.img-box img{max-width:100%;}
.img-box .img-inner-bottom{margin-top:10px;}

.flow-box{padding:19px; border-radius:20px; background-color: #F9FAFC; border:1px solid #E8E8E8; text-align:center; margin:20px 0;}
.flow-box img{max-width:100%;}

.con-share{display:flex; flex-wrap:wrap; margin:0 -15px;}
.con-share.col2 > .col{width:calc(50% - 30px); margin:0 15px;}

.con-box{border:1px solid #E8E8E8; background-color:#F9FAFC; border-radius:20px; padding:20px; margin:10px 0;}
.con-box .box-title{font-size:16px; font-weight:500; margin-bottom:10px;}
.con-box .box-title.line{padding-bottom:15px; border-bottom:1px solid #E8E8E8; margin-bottom:15px;}
.con-box .box-con{background-color:#fff; border-radius:15px; padding:20px;}
.con-box .box-con + .box-title{margin-top:15px;}
.con-box > *:last-child{margin-bottom:0;}

.con-type dt{font-weight:500; font-size:15px; position:relative; padding-left:10px;}
.con-type dt:before{display:block;content:''; width:3px; height:3px; background-color:#CCCCCC; position:absolute;left:0; top:0.75em;}
.con-type dd{padding-left:10px;}
.con-type dd + dt{margin-top:10px;}

.flex-auto{display:flex;}
.flex-auto > .fixed{flex-shrink: 0; margin-right:5px;}

/* 레이어팝업 */
.winPop-wrap{display:flex; flex-direction:column; height:100vh;}
.winPop-wrap .pop-header{height:86px; background-color:#545656; display:flex; align-items:center; padding:0 60px 0 30px; position:relative; box-sizing:border-box; flex-shrink: 0; }
.winPop-wrap .pop-title{display:inline-flex; align-items: center;}
.winPop-wrap .pop-title h1{color:#fff; font-size:26px; font-weight:600; margin-right:20px; display:inline-flex; align-items: center;}
.winPop-wrap .pop-title .nps-logo{display:inline-block;width:153px;height:40px; background:url(../images/common/logo_w.png) no-repeat left 10px;text-indent:-9999px;overflow:hidden;font-size:0;margin-right:20px;}
.winPop-wrap .pop-title .btn{flex-shrink: 0;}
.winPop-wrap .pop-close{position:absolute;right:15px;top:50%; margin-top:-20px; display:inline-flex; align-items: center;}
.winPop-wrap .pop-close .btn-close{width:40px;height:40px; text-align:left;text-indent:-9999px;overflow:hidden; background:url(../images/common/i_pop_close_w.svg) center center no-repeat; margin-left:20px;}
.winPop-wrap .pop-container{height:100%; box-sizing:border-box; overflow-y:auto;}
.winPop-wrap .pop-container .pop-body{padding:30px; line-height:1.75;}
.winPop-wrap .pop-container.no-padding{padding:0;}
.winPop-wrap .pop-container.no-padding .pop-body{padding:30px;}
.winPop-wrap .pop-container.fixed-container{display:flex; flex-direction: column;}
.winPop-wrap .pop-container.fixed-container > .fixed{flex-shrink: 0;}
.winPop-wrap .pop-container.fixed-container > .scrolled{overflow-y:auto;}

/* 링크스타일 */
.link-lists-wrap ul{display:flex; margin:-5px;}
.link-lists-wrap ul.col2 li{width:calc(50% - 10px); }
.link-lists-wrap ul.col3 li{width:calc(100% / 3 - 10px); }
.link-lists-wrap ul.col4 li{width:calc(25% - 10px); }
.link-lists-wrap ul.col5 li{width:calc(20% - 10px); }
.link-lists-wrap li{text-align:center; margin:5px;}
.link-lists-wrap a{display:flex; flex-direction:column; align-items:center; box-sizing:border-box; padding:30px 10px; text-align:center;position:relative; font-size:14px; height:100%; border:1px solid #E8E8E8; border-radius:20px;}
.link-lists-wrap a:before{display:block; content:''; width:55px; height:55px; margin:0 auto 15px auto; border-radius:50%; background-color:#F6F6F6; background-position:center center; background-repeat:no-repeat; transition:background 0.3s; flex-shrink: 0;}
.link-lists-wrap a .guide-txt{margin-bottom:15px; width:100%;}
.link-lists-wrap a .lb{font-weight:500; margin-top:auto; }
.link-lists-wrap a em.lb{font-size:16px; }
.link-lists-wrap a .lb.arr:after{display:inline-block;content:'';width:10px;height:14px; margin-left:2px; vertical-align:middle; background:url(../images/contents/i_arr_go.svg) right 3px no-repeat;}
.link-lists-wrap li:hover a{border-color:#425ABE;}
.link-lists-wrap li:hover a{color:#425ABE;}
.link-lists-wrap li:hover a:before{background-color:#425ABE;}
.link-lists-wrap li:hover a .lb.arr:after{background-image:url(../images/contents/i_arr_go_on.svg);}







/* 교육과정 ITEM */

.on_off_edu-wrap ul{display:flex; margin:-5px;}
.on_off_edu-wrap ul.col2 li{width:calc(50% - 10px); }
.on_off_edu-wrap ul.col3 li{width:calc(100% / 3 - 10px); }
.on_off_edu-wrap ul.col4 li{width:calc(25% - 10px); }
.on_off_edu-wrap ul.col5 li{width:calc(20% - 10px); }
.on_off_edu-wrap li{text-align:center; margin:5px;}
.on_off_edu-wrap a{display:flex; flex-direction:column; align-items:center; box-sizing:border-box; padding:30px 30px; text-align:center;position:relative; font-size:14px; height:100%; border:1px solid #E8E8E8; border-radius:20px;}
.on_off_edu-wrap a:before{display:block; content:''; width:75px; height:75px; margin:0 auto 15px auto; border-radius:50%; background-color:#F6F6F6; background-position:center center; background-repeat:no-repeat; transition:background 0.3s; flex-shrink: 0;}
.on_off_edu-wrap a .guide-txt{margin-bottom:15px; width:100%;}
.on_off_edu-wrap a .lb{font-weight:500; margin-top:auto; }
.on_off_edu-wrap a em.lb{font-size:16px; }
.on_off_edu-wrap a .lb.arr:after{display:inline-block;content:'';width:10px;height:14px; margin-left:2px; vertical-align:middle; background:url(../images/contents/i_arr_go.svg) right 3px no-repeat;}
.on_off_edu-wrap li:hover a{border-color:#425ABE;}
.on_off_edu-wrap li:hover a{color:#425ABE;}
.on_off_edu-wrap li:hover a:before{background-color:#425ABE;}
.on_off_edu-wrap li:hover a .lb.arr:after{background-image:url(../images/contents/i_arr_go_on.svg);}

.on_off_edu-wrap li.active a{border-color:#425ABE;}
.on_off_edu-wrap li.active a{color:#425ABE; background-color:#efefef;}
.on_off_edu-wrap li.active a:before{background-color:#425ABE;}
.on_off_edu-wrap li.active a .lb.arr:after{background-image:url(../images/contents/i_arr_go_on.svg);}



.item-other-link{margin-bottom:20px;}
.item-other-link a.link1:before{background-image:url(../images/contents/item_other_link1.svg);}
.item-other-link a.link2:before{background-image:url(../images/contents/item_other_link2.svg);}
.item-other-link a.link1:hover:before{background-image:url(../images/contents/item_other_link1_on.svg);}
.item-other-link a.link2:hover:before{background-image:url(../images/contents/item_other_link2_on.svg);}







/* 자격증제도안내 ******************************************************************************************************** */

.certificate_system .certificate_sys_item{border:1px solid #E8E8E8; background-color:#F9FAFC; border-radius:20px; padding:20px; margin-bottom:30px;}
.certificate_sys_item h4{font-size:16px; margin-bottom:20px; display:flex; align-items: center;}
.certificate_sys_item .con-wrap{background-color:#fff; border-radius:15px; padding:20px; margin:0;}






/* 원장인사말 ******************************************************************************************************** */


.greeting-wrap{padding:60px 40px; font-size:17px; background:#ffffff}
.greeting-wrap .front-txt{font-size:28px; font-weight:500; line-height:1.5em; margin-bottom:40px;}
.greeting-wrap .front-txt br{display:none;}
.greeting-wrap .greeting-photo{float:left; margin:0 30px 40px 0; max-width:385px;}
.greeting-wrap .greeting-photo img{width:100%;}
.greeting-wrap p{margin-bottom:25px;}
.greeting-wrap p:last-child{margin-bottom:0;}
.greeting-wrap .greeting-wrap{text-align:right;}
.greeting-wrap .sign{text-align:right;}


.safe-policy{background:#f8f8f8 url(../images/contents/safe_policy_bg.png) center top no-repeat; padding:60px;}
.safe-policy h4{font-size:24px; font-weight:600; margin-bottom:30px;}
.safe-policy .title-sub{margin-bottom:30px;}
.safe-policy ol{padding:30px 0 30px 20px; margin:30px 0; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; font-weight:500; font-size:16px;}
.safe-policy ol li + li{margin-top:15px;}
.safe-policy .policy-people .date{margin-right:10px;}
.safe-policy .name{display:inline-block; text-align:left; text-indent:-9999px; overflow:hidden; width:80px;height:30px; background:url(../images/contents/ceo_name.png) 0 0 no-repeat; margin-left:10px;}






/* 이용안내 ******************************************************************************************************** */

/* 이용약관 */
.agreement-wrap dl{margin-bottom:20px;}
.agreement-wrap dt{font-weight:600;margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e8e8e8; font-size:16px;}
.agreement-wrap .con-wrap{margin-left:0;}
.agreement-wrap .con-wrap dl{border:1px solid #E8E8E8; padding:30px;}

/* 개인정보처리방침 */
.privacy-nav{display:flex; margin:30px -10px 0 -10px;}
.privacy-nav a{display:block; width:calc(50% - 10px); box-sizing:border-box; text-align:center; padding:30px; border-radius:20px; margin:0 10px;}
.privacy-nav a span{display:block;}
.privacy-nav a .sub-title{font-size:14px;}
.privacy-nav a .title{font-size:16px; font-weight:600;}
.privacy-nav a:before{display:block;content:''; width:90px;height:90px; border-radius:50%; margin:0 auto 15px auto; background-color:#fff; background-position:center center; background-repeat:no-repeat;}
.privacy-nav a.privacy{background-color:#F9FAFC; }
.privacy-nav a.privacy:before{background-image:url(../images/contents/i_privacy1.png);}
.privacy-nav a.devices{background-color:#FCFAF9; }
.privacy-nav a.devices:before{background-image:url(../images/contents/i_privacy2.png);}

.privacy-labeling{display:flex; flex-wrap:wrap; margin:-10px;}
.privacy-labeling .labeling-item{border:1px solid #E8E8E8; border-radius:20px; padding:30px; position:relative;  display:flex; align-items: flex-start; width:calc(50% - 20px); margin:10px; box-sizing:border-box;}
.privacy-labeling .labeling-item:before{display:block;content:''; width:100px;height:100px; border-radius:50%; margin-right:30px; flex-shrink: 0;}
.privacy-labeling .labeling-item .info{text-align:left; min-height:100px; display:flex; flex-direction: column; justify-content: center;}
.privacy-labeling .labeling-item .info dt{font-weight:600; margin-bottom:15px;}
.privacy-labeling .labeling-item .info dd{font-size:14px;}
.privacy-labeling .labeling-item .info dd li{display:flex; margin-bottom:5px;}
.privacy-labeling .labeling-item .info dd li .lb{font-weight:500; width:65px; flex-shrink: 0;}
.privacy-labeling .item1:before{background:url(../images/contents/i_privacy_label1.png) center center / cover no-repeat;}
.privacy-labeling .item2:before{background:url(../images/contents/i_privacy_label2.png) center center / cover no-repeat;}
.privacy-labeling .item3:before{background:url(../images/contents/i_privacy_label3.png) center center / cover no-repeat;}
.privacy-labeling .item4:before{background:url(../images/contents/i_privacy_label4.png) center center / cover no-repeat;}

.privacy-contents-list{border:1px solid #E8E8E8; border-radius:20px; padding:30px 40px; margin-bottom:30px;}
.privacy-contents-list a:hover{text-decoration:underline;}

.privacy-wrap dl{border:1px solid #E8E8E8; padding:30px; margin-bottom:20px;}
.privacy-wrap dt{font-weight:600;margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e8e8e8; font-size:16px;}
.privacy-wrap dd > *{margin-bottom:10px;}
.privacy-wrap dd > *:last-child{margin-bottom:0;}

.privacy-prev-data{display:flex; flex-wrap:wrap; margin:10px -5px;}
.privacy-prev-data a{display:inline-block; width:calc(100%  / 3 - 10px); margin:5px; box-sizing:border-box; border:1px solid #E8E8E8; text-align:center; padding:15px 5px; border-radius:10px; font-size:14px;}





.item-eduimg{display:flex; flex-wrap:wrap; margin-bottom:40px;}
.item-eduimg .eduimg{width:420px; padding:10px; float: left;}

































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

	img{max-width:100%;}
	
	.my-cal-nav .pc_type{display:none;}
	.my-cal-nav .mobile_type{display:block !important;}
	.my-cal-nav li{ width:calc(100% - 20px);}
	
	.my-cal-nav2 .pc_type{display:none;}
	.my-cal-nav2 .mobile_type{display:block !important;}
	.my-cal-nav2 li{width: calc(50% - 20px);}
	
	.bottom-btns.pc_type{display:none;}

}

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

    /* 공통 */
    html, body{word-break: break-all; word-wrap: break-word;}

    .link-intro-wrap{padding:20px;}
    .link-intro-wrap .inner-box{padding:30px;}
    .link-intro-wrap .inner-box:after{background-size:auto 60% !important; background-position:right center !important;}
    .link-intro-wrap .main-txt{font-size:18px; margin-bottom:20px;}

    .con-tab-nav li {padding-right: 15px; margin-right: 15px;}
    .con-tab-nav li a{font-size:15px;}

    .img-box{padding:20px;}
    
    .input-basic{display:block;}
    .input-basic input{width:100%;}


    .input-addr-detail{display:block;}
    .input-addr-detail input{width:100%; margin:0 0 5px 0;}
    .input-addr-detail input:last-child{margin:0;}
    
 



    /* 소개 */    
    .greeting-wrap{padding:0; font-size:16px; background:none;}
	.greeting-wrap .front-txt{font-size:20px; margin-bottom:20px;}
	.greeting-wrap .greeting-photo{float:none; margin:0 0 20px 0; max-width:100%;}
	.greeting-wrap p br{display:none;}
	.greeting-wrap .hi br{display:block;}	
	


    .item-eduimg .eduimg{width:48%; padding:10px;}




}

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

    /* 공통 */
    .con-table th,
    .con-table td{word-break: break-all; word-wrap: break-word;}
    .con-table thead th{padding:10px 5px; line-height:1.25;}
    .con-table tbody th{padding:10px;}
    .con-table tbody td{padding:10px;}

    .con-tab-nav{margin-bottom:30px;}

    .top-msg-box{padding:20px;}

    .page-part-info .part > *{display:block;}
    .page-part-info .part .department{display:block;}
    .page-part-info .part .name{display:block;}

    .con-wrap.left-indent{margin-left:4px;}
    .list-num > li > .left-indent{margin-left:7px;}

    .agree-box{padding:20px 15px;}
    .list-agree-items dd{padding-left:0;}
    .inner-agree-list > li{display:block;}
    .inner-agree-list .item-agree-check{margin-top:10px;}


    .on_off_edu-wrap ul{flex-wrap:wrap;}
    .on_off_edu-wrap ul.col4 li{width:calc(50% - 10px);}
    .on_off_edu-wrap ul.col3 li{width:calc(50% - 10px);}
    .on_off_edu-wrap ul.col2 li{width:calc(100% - 10px);}
    .on_off_edu-wrap ul.col3 li:nth-child(1){width:calc(100% - 10px);}
    .on_off_edu-wrap a{padding:15px 10px;}
    .on_off_edu-wrap a:before{margin-bottom:5px;}
    .on_off_edu-wrap a .guide-txt{margin-bottom:5px;}


    .link-lists-wrap ul{flex-wrap:wrap;}
    .link-lists-wrap ul.col4 li{width:calc(50% - 10px);}
    .link-lists-wrap ul.col3 li{width:calc(50% - 10px);}
    .link-lists-wrap ul.col3 li:nth-child(1){width:calc(100% - 10px);}
    .link-lists-wrap a{padding:15px 10px;}
    .link-lists-wrap a:before{margin-bottom:5px;}
    .link-lists-wrap a .guide-txt{margin-bottom:5px;}
    .link-intro-wrap .txt1{font-size:16px;}
    .link-intro-wrap .txt2{margin-top:10px;}
    .link-intro-wrap .inner-box:after{display:none;}

    .memo-box{padding:20px;}
    


    a.btn, input.btn, button.btn{padding:0 10px;}
    
    .btn.wide{min-width:auto;}
    .btn.big{padding:0 25px;}

    .inner-btns a{margin:3px 2px;}
    
    .data-view colgroup{display:none;}
    .data-view table,
    .data-view tbody,
    .data-view tr,
    .data-view th,
    .data-view td{display:block;  height:auto !important;}
    .data-view tbody th{padding:8px 10px;}
    .data-view tbody td{padding:10px;}
    .data-view tr{display:flex; flex-wrap:wrap; border:none;}
    .data-view tr th{padding:8px 10px;  width:25% !important; border-bottom:1px solid #ddd; font-size:14px;}
    .data-view tr td{padding:8px 10px; width:75% !important; border-bottom:1px solid #ddd;}
    .data-view .data-view-title{font-size:16px;}
    .data-view .data-view-contents{height:auto; padding:20px 10px; width:100% !important;}



    .prev-next-list dt{width:25%; padding:10px; font-size:14px;}
    .prev-next-list dd{width:75%; padding:10px;}
    
    .data-regist table,
    .data-regist tbody,
    .data-regist tr,
    .data-regist th,
    .data-regist td{display:block; border:none;}
    .data-regist tbody th{padding:10px 5px 0 5px; height:auto; border:none; background:none; font-size:14px;}
    .data-regist tbody td{padding:10px 5px; height:auto;}    

    .winPop-wrap .pop-header{padding-left:20px; height:70px;}
    .winPop-wrap .pop-title h1{font-size:18px;}
    .winPop-wrap #pmap{display:none;}
    .winPop-wrap .pop-container{padding:20px;}
    
    

    /* 게시판 */
    .data-list.m-data-list colgroup,
    .data-list.m-data-list thead{display:none;}
    .data-list.m-data-list table,
    .data-list.m-data-list tbody,
    .data-list.m-data-list tr,
    .data-list.m-data-list th{display:block; border:none; padding:0; text-align:left; height:auto;}
    .data-list.m-data-list td{display:inline-block; border:none; padding:0; text-align:left; margin:3px 15px 3px 0; height:auto; min-height:20px; vertical-align:middle;}
    .data-list.m-data-list td:empty{display:none;}
    .data-list.m-data-list tr{border-bottom:1px solid #ccc; padding:15px 5px; position:relative;}
    .data-list.m-data-list .no{display:none;}
    .data-list.m-data-list .title{display:block; font-size:16px; font-weight:500; margin:0 0 5px 0;}
    .data-list.m-data-list .title a{white-space:normal;}
    .data-list.m-data-list .file img{vertical-align:middle;}
    .data-list.m-data-list td[data-label]{ display:inline-block; margin-right:20px;}
    .data-list.m-data-list td[data-label]:before{content:attr(data-label);margin-right:5px;}
    .data-list.m-data-list td.m-full{display:block; margin-top:5px;}
    
    .data-list.m-data-list.m-row td{display:flex; margin-top:5px;}
    .data-list.m-data-list.m-row td[data-label]:before{width:20%; flex-shrink:0;}
    .data-list.m-data-list.m-row tr{padding:10px 5px;}
    .data-list.m-data-list.m-row td.no-data{display:block;}
	
	.data-search{width:100%;}
    .data-search .opt{width:100%; margin:0 0 5px 0;}
    .data-search fieldset{justify-content: space-between;}
    .data-search .opt.col2{width:calc(50% - 2.5px);}
    .data-search .data-search-input{width:100%;}
    
    .data-search-form .data-search-label{margin:0 0 10px 0; display:block; text-align:center;}



    /* 소개 */
    .greeting-front{padding:20px 20px 200px 20px;}
    .greeting-front .box{width:auto; height:auto; padding:30px 20px;}
    .greeting-front .box p{font-size:20px; font-size:16px;}
    .greeting-front .box .logo{margin-bottom:20px;}

    .safe-policy{padding:20px; background-size:100%;}
    .safe-policy h4{font-size:20px; margin-bottom:20px;}
    .safe-policy ol{margin:20px 0; padding:20px 0 20px 20px;}


    .ci30th-type li{width:calc(50% - 20px);}
    .ci30th-type li:last-child{width:calc(100% - 20px);}



    /* 기타 */
    .sitemap-quick{padding:12px 20px;}
    .sitemap-quick .row{display:block;}
    .sitemap-wrap .depth3-wrap{padding:20px 10px;}
    .sitemap-wrap .depth3-wrap .depth3{width:50%; margin-bottom:10px;}
    .sitemap-wrap .depth5{padding-left:0;}

    .agreement-wrap .con-wrap dl{padding:20px;}

    .privacy-wrap dl{padding:20px;}

    .privacy-prev-data{margin:-5px 0;}
    .privacy-prev-data a{width:100%; margin:5px 0; padding:10px;}

    .privacy-labeling{margin:-5px 0;}
    .privacy-labeling .labeling-item{width:100%; margin:5px 0;}
    .privacy-labeling .labeling-item .info{min-height:0;}

    .privacy-labeling .labeling-item .info dt{margin-bottom:10px;}
    .privacy-contents-list{padding:20px;}

    .privacy-person .flex-auto{display:block;}

    .rss-intro{padding:20px;}
    .rss-intro h4{margin-bottom:15px; font-size:20px;}


    .con-type-row{display:block;}



    .item-eduimg{margin-bottom:30px;}
    .item-eduimg .eduimg{width:100%; padding:0px; margin:0 0 10px 0;}


}

@media all and (max-width:480px){
    .con-tab-nav-wrap .other-nav{position:relative; margin:-10px 0 20px;}
    .con-tab-nav-wrap .other-nav a{width:100%;}

    .cal-input-form .row{flex-wrap:wrap; text-align:center; justify-content:center;}
    .cal-input-form .row > *{margin:0;}
    .cal-input-form .row .lb{flex-shrink: 0; margin-right:10px;}
    .cal-input-form .row .btn{width:100%; margin-top:20px;}
}

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

    .page-name .mbl-route ul{font-size:12px;}

    .link-intro-wrap .inner-box{padding:20px;}

    .con-tab-nav li{padding-right:10px; margin-right:10px;}

    .bottom-btns.m-full{flex-wrap:wrap;}
    .bottom-btns.m-full .btn{margin:2px 0; width:100%;}
    
    .btn.big{font-size:15px; padding:0 15px;}
    
    .con-table thead th{font-size:13px;}
    .con-table tbody th,
    .con-table tbody td{padding:10px 5px; font-size:13px;}
    



    
    .visit-top .intro-txt .txt1{font-size:18px; margin-bottom:10px;}
    .visit-top .intro-txt .txt2{font-size:16px; margin-bottom:10px;}

}

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



}

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



}