@charset "utf-8";
@import url('mainReset.css');
@import url('swiper.min.css');
@import url('mainFonts.css');


img { max-width:100%; }

html { 
-ms-touch-action: manipulation; 
touch-action: manipulation; 
} 


/************************************************************************************************************************************************
	Common
************************************************************************************************************************************************/
.inner { max-width:1505px; margin: 0 auto; padding:0 20px; }


.highlight{font-family: 'Noto Sans KR';  font-size:14px; font-weight: 600;  letter-spacing: -0.33px;color: #10207F;}

body { }
#header { height: 82px; position: fixed;left: 0; top:0; right:0; background: rgba(255,255,255,0.9); box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);  padding:0 40px 0; z-index:1000; transition: all 0.5s ease; display: flex; justify-content: space-between; white-space: nowrap; }
#header h1 a { display: block; padding-top:16px; font-size:32px; font-weight: 600; color: #2235d1; }
#header nav { text-align: center; }
#header nav a { display: inline-block; vertical-align: middle; line-height: 81px; font-size:24px; font-weight: 600; color: #2235d1; padding:0 32px; }
#header .etc a { display: inline-block; vertical-align: middle; font-size:20px; font-weight: 500; color: #343339; margin-left: 30px; line-height: 81px;}
#header.down { transform: translateY(-105%);}

.section1 { padding:150px 0 120px;  position: relative; overflow: hidden;}
.section1:after { content: ''; background: url(../images/main/bg_01.svg) no-repeat 0 0;  position: absolute;left: 0; top:-50px; width:1454px; height: 733px; z-index:-1; }
.section1:before { content: ''; background-position: 100% 50%; background: url(../images/main/bg_02.svg) no-repeat 0 0; width:2048px; height: 1160px; position: absolute; right:-100px; bottom:90px; z-index:-1;}



.section1 .head { display: flex; align-items: center;  }
.section1 .head h2 { font-size:50px; font-weight: 200; font-family: 'NanumSquareRound',sans-serif; color: #fff;  }
.section1 .head h2 strong { font-weight: 700; }
.section1 .head a { width:240px; height: 52px; margin-top:50px; border-radius:52px; line-height: 52px; text-align: center; background: #2235d1; font-size:26px; font-weight: 600; color: #fff;  font-family: 'NanumSquareRound',sans-serif; margin-left: 45px; }
.section1 .head a img { margin:0 0 0 12px; transform: translateY(3px)}
.section1 .img1 { padding:50px 0 50px; text-align: center; width:80%; margin-left: 10%;}
.section1 .slider-wrap1 { padding-top:110px; position: relative;}
.section1 .slider-wrap1:before { content: ''; position:  absolute; right:250px; top:0; background: url(../images/main/img_box_01.png) no-repeat 0 0;  width:204px;height: 204px; }
.section1 .slider-wrap1 .swiper-container { padding: 20px 0 40px;}
/* .section1 .slider-wrap1 .swiper-wrapper { align-items: center;} */
/* .section1 .slider-wrap1 .swiper-slide { width:auto !important; transition: all 0.5s ease;  } */
/* .section1 .slider-wrap1 .swiper-slide .item { width:500px !important; height: 450px !important; background: #fff; border-radius:20px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size:22px; padding-top:50px; font-weight: 800; font-family: 'NanumSquareRound',sans-serif; background-position: 50% 50%; background-repeat: no-repeat; transition: all 0.5s ease; } */
/* .section1 .slider-wrap1 .swiper-slide .item .txt {margin-left:50px; display: block; text-align: left; font-size:14px; font-weight: 400; font-family: 'Noto Sans KR'; letter-spacing: -0.35px;color: #667885;line-height: 1.7;  padding:210px 15px 15px 15px; color:#667875;} */
	
	
.section1 .slider-wrap1 .swiper-wrapper { display:flex; align-items: center; margin-left:3%;}
.section1 .slider-wrap1 .swiper-slide { width:28% !important; margin-right:0 }
.section1 .slider-wrap1 .swiper-slide .item { width:90% !important; height: 450px !important; background: #fff; border-radius:20px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2); text-align: center; font-size:22px; padding-top:50px; font-weight: 800; font-family: 'NanumSquareRound',sans-serif; background-position: 50% 50%; background-repeat: no-repeat; transition: all 0.5s ease; }
.section1 .slider-wrap1 .swiper-slide .item .txt {margin-left:30px; display: block; text-align: left; font-size:14px; font-weight: 400; font-family: 'Noto Sans KR'; letter-spacing: -0.35px;color: #667885;line-height: 1.7;  padding:190px 15px 15px 15px; color:#667875;}
	


	
.titCol{color:#0091ff;}

.section1 .slider-wrap1 .swiper-slide .item.item1 { background-position:50% 35%; background-image: url(../images/main/ico_date.svg)}
.section1 .slider-wrap1 .swiper-slide .item.item2 {background-position:50% 35%; background-image: url(../images/main/ico_con.svg)}
.section1 .slider-wrap1 .swiper-slide .item.item3 {background-position:50% 33%; background-image: url(../images/main/ico_gift.svg)}

.section1 .slider-wrap1 .swiper-slide-active .item { width:570px; height: 392px;}
.section1 .slider-wrap1 .btn-box { text-align: center; padding-top:80px; }
.section1 .slider-wrap1 .btn-box  a { display: inline-block; vertical-align: middle; width:228px; height: 52px; line-height: 52px; border-radius:52px; background: #2235d1; font-size:26px; font-weight: 600; color: #fff; font-family: 'NanumSquareRound',sans-serif; }

.section .title {  font-size:20px; line-height: 1.5; color: #111; }
.section .title .main{color:#000; text-align: center; font-size:50px; margin-bottom: 50px; font-family: 'NanumSquareRound',sans-serif; font-weight: 800;}
.section .title .detail{text-align: left; padding:0 150px 0 250px; }
.section .title .detail p{ font-size:18px; line-height:2; font-family: 'Noto Sans KR'; letter-spacing: -0.4px;  font-weight: 500; opacity: 1;}
.section .title .detail2{text-align: center; }
.section .title .detail2 p{line-height:2;}

.sr-box{display:none;}
.sr-box{display: flex;justify-content: center; margin:0 auto; margin-top:100px; vertical-align: middle;width: 228px;height: 52px;line-height: 52px; border-radius: 52px;background: #2235d1; text-align: center;}
.sr-box a{font-size: 26px;font-weight: 600;color: #fff;font-family: 'NanumSquareRound',sans-serif; text-align: center;}

    
    
.bgborder{background: #2235d1; border-radius: 40px; text-align:center;  width: 100%;}
    



.section2 { padding: 56px 0 230px; background: #fff; text-align: center; position: relative; }
.section2 .section2Div{padding-top:80px; padding-bottom:150px; padding-left: 5%; padding-right: 5%;}
.section2:before {content: ''; position: absolute;left: 340px; bottom:-135px; background: url(../images/main/img_box_02.png) no-repeat 0 0; width:271px; height: 272px; }
.section2 .title { color: #fff; }
.section .title .main{color: #000;}
.section2 .btn-box { padding:35px 0 135px;}
.section2 .btn-box a { margin:10px; display: inline-block; vertical-align: middle; width:300px; height: 52px; line-height: 52px; border-radius:52px; background: #67f4fe; color: #2235d1; font-size:26px; font-family: 'NanumSquareRound',sans-serif; font-weight: 600;}
.section2 .btn-box a img { margin:0 0 0 12px; transform: translateY(3px)}
.section2 .step { font-size:0; text-align: left;  display: flex; justify-content: space-around;}
.section2 .step > div { display: inline-block; vertical-align: middle; width:170px; height: 170px; border-radius:100%; background: #0091ff; background-position: 50% 50%; background-repeat: no-repeat; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-right:40px; position: relative;}
.section2 .step div strong { display: block; padding-top:163px; text-align: center; font-size:20px; font-weight: 800; color: #fff;  font-family: 'NanumSquareRound',sans-serif; }
.section2 .step > div:before {content: ''; position: absolute; right:-60%; top:45%; background: url(../images/main/ico_step_arrow.svg) no-repeat 50% 0; width:40px; height: 40px; margin-top:-3px; }
.section2 .step div.ic1 { background-image: url(../images/main/ico_step_01.svg);}
.section2 .step div.ic2 { background-image: url(../images/main/ico_step_02.svg);}
.section2 .step div.ic3 { background-image: url(../images/main/ico_step_03.svg);}
.section2 .step div.ic4 { background-image: url(../images/main/ico_step_04.svg);}
.section2 .step > div:last-child:before { display: none; }

.section2 .info { font-size:0; display: flex; justify-content: space-around;}
.section2 .info > div { display: inline-block; vertical-align: top; width:240px; height: 240px; margin-right:40px; position: relative;}
.section2 .info div strong { display: block; height:140px; padding-top:50px; padding-bottom:20px; text-align: center; font-size:20px; font-weight: 800; color: #67F4FE;  font-family: 'NanumSquareRound',sans-serif; }
.section2 .info div strong span:nth-child(1){font-size:35px; padding-bottom:10px; display:flex; justify-content: center;}
.section2 .info div strong span:nth-child(2){font-size:23px; padding-bottom:10px; display:flex; justify-content: center;}
.section2 .info div p { display: block; text-align: left; font-size:18px; font-weight: 400; color: #fff;  letter-spacing: -0.9px; }
.section2 .info div p:nth-child(2){ padding-top:30px;}
.section2 .info div p:nth-child(3){ padding-top:10px;}
.section2 .info > div:last-child:before { display: none; }


    



.section3 { padding: 40px 0 40px; position: relative; overflow: hidden; margin-bottom: 135px;}
.section3:after {content: ''; top:100px; position: absolute; left: -50px; bottom:0; background: url(../images/main/bg_03.svg) no-repeat 0 0; width:2048px; height: 956px; z-index:-1;}
.section3:before { content: '';  position:  absolute; right:288px; top:304px; background: url(../images/main/img_box_03.png) no-repeat 0 0; width:151px; height: 151px; }
.section3 .title { margin-bottom: 130px; }
.slider-wrap2 .swiper-slide { width:20% !important; }

.section4 { padding-bottom: 75px; }
.section4 .s4{display: flex; justify-content: space-between; margin-bottom:80px;}
.section4 .s4Left{ display: inline-block; width:48%;}
.section4 .s4Right{display: inline-block;  width:48%; margin-top:20px;}

.section4 .s4Right .s4Box{display:flex; justify-content: space-between;  background:#fff;}
.section4 .s4Right .s4Box a{margin-right:20px; width:220px; height:220px;}
.section4 .s4Right .s4Box .s4Cont1{padding-right:10px; width:90%; height:90%; border-radius: 10px; background:#F4F5F9; background-image: url(../images/main/ico_pho.png); background-repeat:no-repeat; background-position: 50% 40%;}
.section4 .s4Right .s4Box .s4Cont2{padding-right:10px; width:90%; height:90%; border-radius: 10px; background:#F4F5F9; background-image: url(../images/main/ico_que.png); background-repeat:no-repeat; background-position: 50% 40%;}
.section4 .s4Right .s4Box .s4Cont3{padding-right:10px; width:90%; height:90%; border-radius: 10px; background:#F4F5F9; background-image: url(../images/main/ico_faq.png); background-repeat:no-repeat; background-position: 50% 40%;}
.section4 .s4Right .s4Box .s4ContTxt{text-align:center; color:#000; font-size: 18px; font-weight: 600; padding-top:150px; font-family:'Noto Sans KR'; letter-spacing: -0.45px;}
.section4 .s4Right .s4Txt{display:inline-flex;margin-top:10px; width:100%; height:50%; }
.section4 .s4Right .s4Txt span{margin-top:0px; text-align: left; font-size:15px; font-family:'Noto Sans KR';   letter-spacing: -0.38px;color: #111111;}
.section4 .s4Right .s4Txt img{margin-top:2px; width: 18px; height: 18px;}


.section4 .head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 2px solid #2235D1; margin-bottom: 10px;  }
.section4 .head h2 { font-size:27px; font-weight: 800; color: #111;  font-family: 'NanumSquareRound',sans-serif;  }
.section4 .head .more { display: inline-block;vertical-align: middle; width:130px; height: 60px;  line-height: 61px; font-size:25px; color: #2235D1; font-weight: 600; text-align: center;  font-family: 'NanumSquareRound',sans-serif;  }
.section4 .head .more img { margin-left:25px; transform: translateY(4px)}
.section4 .tit { font-size:30px; color: #111; font-weight: 800; padding:0 0 25px 10px;   font-family: 'NanumSquareRound',sans-serif; }
.section4 .tit strong { color: #2235d1; margin-left: 30px;}
.section4 .list ul li a { display: flex; justify-content: space-between; align-items: center; padding-left:11px; height: 68px; line-height: 76px; font-size:24px; color: #111; border-bottom: 1px solid #eeeef0; font-family: 'NanumBarunGothic'; }
.section4 .list ul li a strong { width:66px; color: #767676; font-size:30px; font-family: 'NanumBarunGothic'; }
.section4 .list ul li span:nth-child(1){overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;height: 3.6em;width: 70%;}
.section4 .list ul li span:nth-child(2){font-size:16px; color: #1E3658; opacity: 0.5; margin-right:10px;}
.section4 .btns { display: flex; justify-content: space-between; margin:70px -18px; }
.section4 .btns a { flex:1; height: 100px; line-height: 99px;  border-radius:10px; margin:0 18px; background: #eeeff1; text-align: center; font-size:30px; font-weight: 800; color: #111; font-family: 'NanumSquareRound',sans-serif;  }
.section4 .family { height: 120px; border: 1px solid #dcdcdc; display: flex; justify-content: center; align-items: center; border-radius:5px; }
.section4 .family a { margin:0 50px;}

#footer {display: flex; justify-content: space-between; padding: 40px 40px 48px; border-top:1px solid #e6e6e6; font-size:18px; color: #767676;  }
#footer .left a { color: #767676; margin-right:60px; }
#footer .right { display: flex; flex-direction: row; }
#footer .right p + p { margin-left: 50px;}
#footer { display:none; }


#footerWeb {text-align: center; justify-content: center; padding: 40px 40px 48px; border-top:1px solid #e6e6e6; font-size:18px; color: #767676;  }


.privateAggYnMsg{display:none; width: 100%;margin-top: 0.25rem;font-size: 12px;color: #dc3545;
}

.board { padding-top:82px; }
.board h2 { padding:40px 0 28px; text-align: center; font-size:30px; font-weight: 800; color: #111;font-family: 'NanumSquareRound',sans-serif; border-bottom: 1px solid #eeeef0; margin-bottom: 40px; }
.board h3 { font-size:20px; font-weight: 800; color: #2235d1; margin-bottom: 30px; font-family: 'NanumSquareRound',sans-serif;  }
.board h4 { font-size:14px; color: #343339; font-weight: 700; margin-bottom: 6px; }
.inp { width:100%; height:28px; border: 1px solid #d2d8e1; border-radius:2px; padding-left: 8px; color: #111; font-size:14px;  }
.select{ width:100%; height:28px; border: 1px solid #d2d8e1; border-radius:2px; padding-left: 8px; color: #111; font-size:14px; background: url(../images/main/ico_selector_arrow.svg) no-repeat 100% 50%;}
.select2{ width:22%; height:28px; border: 1px solid #d2d8e1; border-radius:2px; padding-left: 8px; color: #111; font-size:14px; background: url(../images/main/ico_selector_arrow.svg) no-repeat 100% 50%;}
.select:invalid {color:#a6b2c4; }
.select:invalid { color: #a6b2c4 !important; }
.select [disabled] { color: #a6b2c4; }
.select option { color: #000 !important; }
.radio { position: absolute;left: -9999px; }
.radio + em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border: 1px solid #8191ad; border-radius:100%; position: relative; }
.radio + em:before { content: ''; position: absolute;left: 4px; top:4px; right:4px; bottom:4px; border-radius:100%; background: #007eff; transform: scale(0.3); opacity:0; transition: all 0.5s ease; }
.radio + em + span { display: inline-block; vertical-align: middle; font-size:14px; color: #425776; margin:-2px 0 0 8px; }
.radio:checked + em:before { transform: scale(1); opacity:1; }

.checkbox { position: absolute;left: -9999px; }
.checkbox + em { display: inline-block; vertical-align: middle; width:18px; height: 18px; position: relative; background: url(../images/main/ico_checkbox_off.svg) no-repeat 0 0;}
/*.checkbox + em:before { content: ''; position: absolute;left: 4px; top:4px; right:4px; bottom:4px; border-radius:2px; background: #007eff; transform: scale(0.3); opacity:0; transition: all 0.5s ease; }*/
.checkbox + em + span { display: inline-block; vertical-align: middle; font-size:14px; color: #425776; margin:-2px 0 0 8px; }
.checkbox:checked + em { background-image: url(../images/main/ico_checkbox_on.svg); }

.form-box { max-width:920px; margin: 0 auto; margin-bottom:50px;}
.form-box .col-box { display: flex; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; }
.form-box .col-box > div { width:48%; }
.form-box .col-box > div.full { width:100%; }
.form-box .inp-box { padding-right:115px; position: relative;}
.form-box .inp-box .btn1 { position: absolute; right:0; top:0; }
.form-box .inp-box #userId { text-transform : lowercase;}
.form-box .hp-box { display: flex; justify-content: space-between; }
.form-box .hp-box .select,
.form-box .hp-box .inp { width:30%; }
.form-box .btn1 { width:100px; height: 28px; background: #007eff; text-align: center; border-radius:2px; font-size:14px; color: #fff; }
.form-box .chks{padding-top:3px; }
.form-box .chks label { margin-right:27px; }
.form-box .cols {; display:flex; justify-content: space-between;  margin:0 -10px 20px;  }
.form-box .cols .col { flex:1; margin:0 10px; }
.form-box .agree { margin-bottom: 30px; }
.form-box .agree a { font-size:14px; color: #007eff;margin-left: 20px; text-decoration: underline !important; }
.form-box .prs { padding: 120px 0 50px; border: 1px solid #dcdcdc; border-radius:10px; }
.form-box .prs .bar { width:700px; height: 2px; background: #d8d8d8; position: relative; margin: 0 auto;}
.form-box .prs .bar em { position: absolute;left: 0; top:0; bottom:0; height: 2px; background: #2235d1; }
.form-box .prs .bar p { position: absolute; bottom:-9px; background: #fff;  width:20px; height: 20px; border: 4px solid #d8d8d8; border-radius:100%; z-index:2; }
.form-box .prs .bar p:nth-child(2) { left: 33.333333%;  }
.form-box .prs .bar p:nth-child(3) { left: 66.666666%;  }
.form-box .prs .bar p:nth-child(4) { right:0;   }
.form-box .prs .bar p strong { position: absolute;left: 50%; top:-80px; width:190px; height: 40px; line-height: 40px; border-radius:40px; margin-left: -95px; text-align: center; font-size:20px; font-weight: 700; color: #2235d1; font-family: 'NanumSquareRound',sans-serif; }
.form-box .prs .bar p.on { border-color:#2235d1; }
.form-box .prs .bar p.active { border-color:#2235d1; background: #2235d1; }
.form-box .prs .bar p.active strong  { background: #2235d1; color: #fff;  }
.form-box .prs .txt { text-align: center; font-size:20px; color: #111; padding-top:50px; font-weight: 500; }


.select.danger  { border:1px solid #f73859; }
.form-box input.danger  { border:1px solid #f73859; color: #111; }
.form-box input.danger ::-webkit-input-placeholder { color: #111 !important;}
.form-box input.danger :-ms-input-placeholder { color: #111 !important;}



.order { padding:50px 0 30px; text-align: center; border-top:1px solid #eeeef0; margin-top:40px; }
.order button { display: inline-block; vertical-align: middle; width:300px; height: 60px; border-radius:60px; line-height: 59px; background: #2235d1; font-size:26px; color: #fff; font-weight: 600;font-family: 'NanumSquareRound',sans-serif; }
.order button[disabled] { background: #738a99; }

.inner2 { max-width:920px; margin: 0 auto; }
.faq { background: url(../images/main/bg_qna.png) no-repeat 0 0;  background-size:auto 315px; padding-bottom: 20px; }
.faq .head { text-align: center;font-family: 'NanumSquareRound'; font-weight: 800; padding-bottom: 90px;  background: url(../images/main/tit_qna.png) no-repeat 100% 80%; }
.faq .head h3 { font-size:50px; color: #111; padding:190px 0 30px; font-family: 'NanumSquareRound';font-weight: 800; }
.faq .head .desc { font-size:20px; color: #2235d1;font-family: 'NanumSquareRound'; }
.faq .tabs { display: flex; justify-content: space-between;   margin:0 -10px 50px;  }
.faq .tabs a { flex:1; margin:0 10px; height: 70px; line-height: 69px; border-radius:10px; background: #eeeff1; font-size:22px; font-weight: 800; font-family: 'NanumSquareRound'; text-align: center; }
.faq .tabs a.active { background: #007eff; color: #fff; }
.faq .srch { text-align: right; margin-bottom: 20px;  }
.faq .srch .select { width:140px; }
.faq .srch .inp { width:220px; margin:0 20px; }
.faq .srch .btn-srch { width:100px;  height:28px; background: #007eff; text-align: center; border-radius:2px; font-size:14px; color: #fff; }
.faq-list ul li { border-bottom: 1px solid #eeeef0;  }
.faq-list ul li .q { display: block; padding:0 320px 0 40px; line-height: 78px; font-size:18px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; }
.faq-list ul li .q strong { position: absolute;left: 10px; top:0; width:30px; text-align: center; color: #2c49ff; }
.faq-list ul li .q .txt { font-size:18px; color: #1e3658; }
.faq-list ul li .q .name { position: absolute; top:0; right:240px; width:95px; text-align: center; font-size:16px; color: #738a99; }
.faq-list ul li .q .date { position: absolute; top:0; right:20px;  font-size:16px; color: #738a99; }
.faq-list ul li .a { display: none; padding: 10px 40px 50px 40px; font-size:18px; line-height: 2; color: #1e3658; background: #f2faff; }
.faq-list ul li .q.active { background: #f2faff; }
.faq-list ul li .q.active .txt { font-weight: 700;}
.m-search { display: none;}

.writeContainer{padding-bottom: 80px; text-align: right;}
.writeContainer .btn-srch { width:100px;  height:28px; background: #007eff; text-align: center; border-radius:2px; font-size:14px; color: #fff; }


::-webkit-input-placeholder { color: #a6b2c4;}
:-ms-input-placeholder { color: #a6b2c4;}


.pc  {} 
.mobile { display: none; }
.mobileSlider{display:none;}
.pcSlider{display:block;}

@media all and (max-width:1740px) {
	.section1 .slider-wrap1 .swiper-slide .item{height:480px !important; }
}

@media all and (max-width:1705px) {
	.section1 .slider-wrap1 .swiper-slide .item{height:500px !important; }
}

@media all and (max-width:1300px) {
	.section1 .slider-wrap1 .swiper-slide .item{height:520px !important; }
	
	
	
}

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

.section4 .s4Right .s4Box a{margin-left:5% !important;}

}

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

.section4 .s4Right .s4Box a{margin-left:4% !important;}

}

@media all and (max-width:375px) {
.section4 .s4Right .s4Box a{margin-left:3% !important;}
}
@media all and (max-width:360px) {
.section4 .s4Right .s4Box a{margin-left:2% !important;}
}
@media all and (max-width:350px) {
.section4 .s4Right .s4Box a{margin-left:1% !important;}
}
@media all and (max-width:340px) {
.section4 .s4Right .s4Box a{margin-left:0% !important;}
}
@media all and (max-width:320px) {
.section4 .s4Right .s4Box a{margin-left:-1.4% !important;}
}

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

.section1:before{width:2048px; height:1190px;}

}

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

.section1:before{width:2048px; height:1250px;}

}

@media all and (max-width:1200px) {
	
.section1:before{width:2048px; height:1100px;}
	
	.sr-box{display: flex; }
	.sr-box{display:none;}
	#header { padding:0 20px; }
	#header h1 a { font-size:25px; padding-top:20px;}
	#header nav a { padding: 0 15px; font-size:15px; }
	#header .etc a { font-size:15px; margin-left: 10px; }
	.section1 { padding:180px 0 100px;  }
	.section1 .head h2 { font-size:50px; }
	
	.section1 .slider-wrap1 .btn-box a,
	.section2 .btn-box a,
	.section2 .title { color: #fff; }
	.section1 .head a { width:170px; height: 40px; line-height: 40px; font-size:18px; }
	.section1:after { width:200%; height: 410px; left:-50%; top:3%; background-size:cover; background-position: 0 100%;}
	.section .title { position: relative; z-index:2; font-size:17px; }
	.section .title .main { font-size:40px; color: #000;}
	.section .title .detail {text-align: left; padding:0 200px 0 200px;}
	
	.section2 .info { font-size:0; }
	.section2 .info > div{width:210px; margin-right:10px; }
	.section1 .img1 { padding:90px 0 40px; margin-left:10%;}
	.section1 .img1 img{width:80%;}
	.section2 { background-image:none;  padding:40px 20px 70px; }
	.section1 .slider-wrap1 { padding-top:150px;}
	.section2 .step { text-align: center; }
	.section1 .slider-wrap1:before { right:100px; width:140px; height: 140px; background-size:140px auto;  }
	#footer { font-size:14px; }
	#footer { display:none; }
	
	.section1 .slider-wrap1 .swiper-slide .item { width:90%; height: 300px; border-radius:15px; font-size:22px; padding-top:25px; }
	.section1 .slider-wrap1 .swiper-slide .item .txt {margin-left:10px !important; font-size:13px; padding:175px 15px 15px 15px;}
	
	.section1 .slider-wrap1 .swiper-slide .item.item1 { background-position:50% 25%; background-image: url(../images/main/ico_date.svg)}
	.section1 .slider-wrap1 .swiper-slide .item.item2 {background-position:50% 25%; background-image: url(../images/main/ico_con.svg)}
	.section1 .slider-wrap1 .swiper-slide .item.item3 {background-position:50% 23%; background-image: url(../images/main/ico_gift.svg)}

	
	.section2 .step div { width:130px; height: 130px; background-size:40px auto; }
	.section2 .step div.ic2 { background-size:30px auto; }
	.section2 .step div strong { padding-top:90px; font-size:14px; }
	.section2 .step div.ic4 { margin-right:0; }
	.section2 .btn-box { padding:20px 0 60px; }
	.section2:before { left:150px; width:140px; height: 140px; background-size:140px auto; bottom:-70px;}
	.section3 { padding:70px 0; margin-bottom: 80px; }
	.section4 .head h2 { font-size:30px; }
	.section4 .head .more { width:120px; height: 40px; line-height: 40px; font-size:18px; }
	.section4 .head .more img { width:9px; margin-left: 10px; transform: translateY(2px)}
	.section4 .tit { font-size:22px; }
	.section4 .list ul li a { height: 55px; line-height: 54px; font-size:20px; }
	.section4 .list ul li a strong { font-size:24px; }
	.section4 .btns a { height: 70px; line-height: 69px; font-size:24px; }
	.section4 .family a { margin:0 20px; }
	
	.section4 .s4Right .s4Box a{height: 160px;}
	.section4 .s4Right .s4Box .s4ContTxt{font-size:16px; padding-top:110px;}
	.section4 .s4Right .s4Box .s4Cont1{    background-position: 50% 30%;}
	.section4 .s4Right .s4Box .s4Cont2{    background-position: 50% 30%;}
	.section4 .s4Right .s4Box .s4Cont3{    background-position: 50% 30%;}
	
	.form-box .prs .bar {width:500px; }
	.form-box .prs .bar p strong { width:130px; margin-left: -60px; font-size:15px;}
	.form-box .prs .txt { font-size:16px; }
}
@media all and (max-width:375px) {
	.section1:after {left:-50% !important;}
	.section2 .mobile .step .box .ic:before {top:100%;}
}


@media all and (max-width:1023px) {
	
	.section1:before{width:2048px; height:640px;}
	
	.bgborder{display: none; }
	.detail{display: none; }
	.detail2{display: none; }
	.sr-box{display: none; }
	.pc { display: none; }
	.mobile { display: block; }
	.pcSlider{display:none;}
	.mobileSlider{display:block;}
	
	body { overflow-x:hidden;}
	#header.pc { display: none; }
	#header { height: auto; box-shadow: none; background: #0191ff; display: block;}
	#header h1 a { font-size:20px; color: #fff; padding-top:15px;  }
	#header .etc { position: absolute; right:20px; top:15px; border-radius:32px; border: 1px solid #fff; padding:0 12px; }
	#header .etc a {  line-height: 30px; font-size:14px; color: #fff; margin: 0;  position: relative;} 
	#header .etc a + a { padding-left: 10px; margin-left: 9px; position: relative;}
	#header .etc a + a:before { content: ''; position: absolute;left: 0; top:50%; margin-top:-6px; height: 12px;  width:1px; background: #fff; }
	#header nav { display: flex; justify-content: space-around; align-items: center; padding-top:20px; }
	#header nav a { font-size:15px; color: #fff; font-weight: 400; padding: 0; line-height:40px; position: relative; }
	#header nav a.active:before { content:''; position:absolute; left:0;right:0;bottom:0; height:2px; background:#fff; }
	#header nav a:first-child { display: none; }
	
	header { height: 60px; background: linear-gradient(360deg, rgba(0,185,254,1) 0%, rgba(0,146,255,1) 100%); position: fixed; left: 0; top:0; right:0;  line-height: 55px; z-index:100; }
	header h1 { font-size:20px; font-weight: 700; color: #fff; text-align: center; }
	header h2 { font-size:18px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.5px; }
	header .left { position: absolute;left: 10px; top:0; }
	header .right { position: absolute;right: 10px; top:0; }
	header .btn-m { width:40px; height: 55px; background: url(../images/main/ico_menu.svg) no-repeat 50% 50%; }
	header .btn-back { width:40px; height: 55px; background: url(../images/main/ico_back.svg) no-repeat 50% 50%; }
	header .btn-home { display: inline-block; vertical-align: middle; width:40px; height: 55px; background: url(../images/main/ico_top_home.svg) no-repeat 50% 50%; }
	header .btn-link { font-size:15px; line-height: 54px; color: #0091ff; font-weight: 700;}

	.form-box .cols { margin:0 0 20px -10px;  display: block;}	
	.form-box .col-box {margin-bottom: 50px; }
	.order {margin-top: 30px; }
	
	.section1 { padding:130px 0 40px;}
	.section1 .head { display: block; text-align: center; }
	.section1 .head h2 { font-size:30px; margin-bottom: 15px; margin-top: 15px;}
	.section1:after { top:1%; left:-40%;}
	
	.section1 .slider-wrap1 .btn-box a, .section2 .btn-box a, .section1 .head a { display: inline-block; font-size:16px; height: 36px; line-height: 36px; padding:0 20px;margin: 10px; width:auto;}
	.section1 .slider-wrap1 .btn-box a img, .section2 .btn-box a img, .section1 .head a img { width:15px; transform: translateY(0); }
	
	.section1 .img1 { padding:40px 0 40px; margin-left:5%; width:95%;}
	.section1 .img1 img{ width:100% !important;}
	
	.mMainColor{ color: #000 !important; }
	.section .title .main { font-size:22px; margin-bottom: 10px; color: #fff;}
	.section .title .detail{font-size:12px; text-align: center; margin-left:0px; padding:0 0 0 0;}
	.section .title .detail p{ font: normal normal normal 12px/30px NanumBarunGothic; letter-spacing: -0.4px;  font-weight: 500; opacity: 1;}

	
	.section1 .slider-wrap1 { padding: 0; }
	.section1 .slider-wrap1 .swiper-slide { width:300px !important; }
	.section1 .slider-wrap1 .swiper-slide .item { width:90% !important; height:480px !important;  padding-bottom: 20px; background-position: 50% 100%; background-size:contain; padding-top:30px;  }
	.section1 .slider-wrap1 .swiper-slide .item .tit { font-size:19px; color: #000; font-weight: 700; margin-bottom: 15px;}
	.section1 .slider-wrap1 .swiper-slide .item .txt {margin-left:20px; text-align: left; display: block; font: normal normal normal 14px/23px NanumBarunGothic;letter-spacing: -0.35px;color: #667885; line-height: 1.7;  padding:140px 15px 15px 15px;}
	
	
	.section1 .slider-wrap1 .swiper-pagination { position: static; text-align: center; }
	.section1 .slider-wrap1 .swiper-pagination-bullet { background: rgba(0,0,0,0.2); opacity:1; transition: all 0.5s ease; margin:0 3px;}
	.section1 .slider-wrap1 .swiper-pagination-bullet-active { background: #1920b3; }
	.section1 .slider-wrap1 .btn-box { padding-top:25px; }
	
	.section1 .slider-wrap1 .swiper-slide .item.item1 { background-position:50% 1%; background-size: 50% 50%; background-image: url(../images/main/ico_date.svg) ;}
	.section1 .slider-wrap1 .swiper-slide .item.item2 {background-position:50% 1%;background-size: 50% 50%;  background-image: url(../images/main/ico_con.svg);}
	.section1 .slider-wrap1 .swiper-slide .item.item3 {background-position:50% 1%;background-size: 50% 50%;  background-image: url(../images/main/ico_gift.svg);}
	
	.section2 .title { color: #fff; }
	.section2 .btn-box { padding:10px 0 30px; }
	
	.section2 .step { font-size:0; text-align: left; display: block;}
	.section2 .step > div { display: inline-block; vertical-align: middle; width:240px; height: 240px; border-radius:100%; background: #0091ff; background-position: 50% 50%; background-repeat: no-repeat; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-right:40px; position: relative;}
	.section2 .step div strong { display: block; padding-top:163px; text-align: center; font-size:20px; font-weight: 800; color: #fff;  font-family: 'NanumSquareRound',sans-serif; }
	.section2 .step > div:before {content: ''; position: absolute; right:-40px; top:45%; background: url(../images/main/ico_step_arrow.svg) no-repeat 50% 0; width:40px; height: 40px; margin-top:-3px; }
	.section2 .info div strong span:nth-child(1){padding-bottom:20px; display:block;}
	.section2 .info div strong span:nth-child(2){padding-bottom:20px; display:block;}
	.section2 .info div p { display: block; padding-top:10px; text-align: left; font-size:18px; font-weight: 400; color: #fff;  letter-spacing: -0.9px; }
	
	.section2 .mobile .step .box { display:flex; align-items: center; justify-content: space-between;  width:auto; height: auto; background: none; margin: 0; box-shadow:none; border-radius:0; position: relative; margin-bottom: 25px; }
	.section2 .mobile .step .box .ic { width:60px; height: 60px; border-radius:100%; background-color: #0091ff; box-shadow:0 3px 6px rgba(0,0,0,0.16);  background-repeat: no-repeat; margin-right:15px; flex:0 0 60px; background-repeat: no-repeat; background-position: 50% 50%; background-size:26px auto; }
	.section2 .mobile .step .box .ic2 { background-size:19px auto; }
	.section2 .mobile .step .box .ic3 { background-size:19px auto; }
	.section2 .mobile .step .box .ic:before { content: ''; position: absolute;left: 44px; top:95%; transform: rotate(90deg); transform-origin: 0 0; width:30px; height:30px;   background: url(../images/main/ico_step_arrow.svg) no-repeat 50% 0; background-size:15px auto; margin-top:-3px; }
	.section2 .mobile .step .box:last-child .ic:before { display: none; }
	.section2 .mobile .step .box:before { display: none; }
	.section2 .mobile .step .box .txt { width:auto; height: auto; flex:1; }
	.section2 .mobile .step .box dl { text-align: left; }
	.section2 .mobile .step .box dl dt { font-size:14px; font-weight: 600; color: #67f4fe; margin-bottom: 5px; }
	.section2 .mobile .step .box dl dd { font-size:12px; color: #fff; }
	.section2 { padding:30px 20px 30px; background: #2235D1;}
	.section2:before { display: none; }
	.section3:before { display: none; }
	.section3 { padding:40px 0 0; margin-bottom: 30px;  }
	.section3 .title { margin-bottom: 40px; }
	.slider-wrap2 .swiper-slide { width:190px !important; }
	.section3:after { left: -100%; top:-20%; width:200%; height:100%; background-size:cover; }
	.section4 { padding-bottom: 0; padding-top:40px; }
	.section4 .head { display: block; padding-bottom: 0; margin-bottom: 30px; position: relative; text-align: center; border: 0;border-bottom: 2px solid #2235D1; }
	.section4 .head h2 { font-size:22px; padding-bottom: 10px; text-align:left;}
	.section4 .head .more { position: absolute; right:0; top:0; width:26px; height: 26px; background: url(../images/main/ico_more.svg) no-repeat 0 0; text-align: left; text-indent: -9999px; }
	.section4 .s4Left{ padding:20px 24px 30px; border:1px solid rgba(30,54,88,0.1); border-radius:10px;}
	.section4 .tit { font-size:19px; color: #2235d1; font-weight: 700; padding-bottom: 16px; margin-bottom: 25px; border-bottom: 2px solid #2235d1;   padding-left: 0; }
	.section4 .tit strong { display: none;}
	.section4 .list ul li a { padding-left: 0; position: relative; display: block; border: 0; font-size:16px; color: #1e3658;  height: auto ; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
	.section4 .list ul li + li { margin-top:22px; }
	.section4 .list ul li a strong { position: absolute;left: 0; top:-3px; font-size:18px; color: #767676; }
	.section4 .btns { margin:20px 0; padding: 20px 0; border-radius:10px; background: rgba(242,244,248,0.85);  }
	.section4 .btns a { height: auto; line-height: 1; padding-top:50px; flex:1; width:auto; margin: 0; font-size:13px; color: #1e3658; text-align: center; background: url(../images/main/ico_que.svg) no-repeat 50% 0;  position: relative; }
	.section4 .btns a + a:before { content: ''; position: absolute; left: 0;  top:5px; bottom:5px; width:1px; background: rgba(30, 54, 88, 0.1);; }
	.section4 .btns a:nth-child(2) { background-image: url(../images/main/ico_faq.svg)}
	.section4 .btns a:nth-child(3) { background-image: url(../images/main/ico_com.svg); background-position: 50% 5px;}
	.section4 .family { height: auto; border: 0; border: 0; margin:0 -20px; border-top:1px solid  rgba(30, 54, 88, 0.1); padding:20px;  }
	.section4 .family a { margin:0 5px; }
	
	
	.section4 .s4{display: block; margin-bottom:30px;}
	.section4 .s4Left{ display: inline-block; width:100%; margin-bottom:0;}
	.section4 .s4Right{display: inline-block;  width:100%; }
	.section4 .s4Right .s4Txt{display:none;}
 	.section4 .s4Right .s4Box{ width:100%; height:85px; background:#fff;} 
 	.section4 .s4Right .s4Box a{width:100%;height:100%; margin-left: 10%;}
	.section4 .s4Right .s4Box .s4Cont1{padding-right:0; width:85px; height:85px; border-radius: 10px; background:#F4F5F9; background-image: url(../images/main/ico_pho.png);background-size: 50% 50%; background-repeat:no-repeat; background-position: 50% 40%; image-rendering: -webkit-optimize-contrast;}
	.section4 .s4Right .s4Box .s4Cont2{padding-right:0; width:85px; height:85px; border-radius: 10px; background:#F4F5F9; background-image: url(../images/main/ico_que.png);background-size: 50% 50%; background-repeat:no-repeat; background-position: 50% 40%; image-rendering: -webkit-optimize-contrast;}
	.section4 .s4Right .s4Box .s4Cont3{padding-right:0; width:85px; height:85px; border-radius: 10px; background:#F4F5F9; background-image: url(../images/main/ico_faq.png);background-size: 50% 50%; background-repeat:no-repeat; background-position: 50% 40%; image-rendering: -webkit-optimize-contrast;}
	.section4 .s4Right .s4Box .s4ContTxt{text-align:center; color:#000;  font-weight: 600; padding-top:65px; font: normal normal 800 10px/21px NanumSquareRound; letter-spacing: -0.45px;}
	.section4 .list ul li span:nth-child(2){display:none;}
	
	
	#footer { background: #fff; display: block; padding:25px 20px; }
	#footer .left a { font-size:13px; text-decoration: underline !important; margin-right:15px; }
	#footer .right { padding-top:12px; display: block; font-size:13px;  }
	#footer .right p + p { margin-left: 0; margin-top:20px; }
	#footer .right div{justify-content: center; text-align: center; margin-top:10px;}
	#footerWeb {display:none;}
	
	
	.board { padding-top:85px; }
	.board h3 { font-size:19px; margin-bottom: 15px; }
	.form-box .col-box { display: block; }
	.form-box .col { width:auto !important; border-bottom: 1px solid rgba(30, 54, 88, 0.1); padding-left:90px; position: relative; margin-top: 10px;}
	.board h4 { position: absolute;left: 8px; top:0; font-size:15px; line-height: 56px; }
	.form-box .mb20 { margin-bottom: 0 !important; }
	.form-box .inp-box { padding-right:95px; }
	.form-box .inp { height: 56px; border: 0; font-size:15px; outline:none;  }
	.form-box .inp-box .btn1 { width:80px; height: 32px; border-radius:32px; background: #0091ff; font-size:14px; color: #fff; top:12px; }
	.form-box .hp-box.pc { display: none; }
	.form-box .col.addr-m { padding-left: 0; }
	.form-box .col.chks { padding-left: 0;  margin-bottom: 25px; border: 0;}
	.form-box .col.chks h4 { position: static; line-height: 1.5; margin: 15px 0 10px; }
	.form-box .col .select { height:56px; border: 0; background: url(../images/main/bu_select.svg) no-repeat 100% 50%; }
	.form-box .cols .col { display: block; margin-right:0; margin-top: 10px;}
	.form-box .agree a { display: block; text-indent: 6px; margin-top:8px;}
	
	.form-box .prs { padding:40px 0 30px; }
	.form-box .prs .bar { width:270px;background: #2235d1;  }
	.form-box .prs .bar em { display: none; }
	.form-box .prs .bar p { width:10px; height: 10px; border:2px solid #2235d1; bottom:-4px;}
	.form-box .prs .bar p.active { border: 2px solid #2235d1; background: #fff; }
	.form-box .prs .bar p.active:before { content: ''; position: absolute;left: -7px; top:-11px; width:20px; height: 24px; background: url(../images/main/ico_power.svg) no-repeat 0 0; }
	.form-box .prs .bar p strong { top:25px; font-size:13px; width:70px; margin-left: -35px; height: inherit; line-height: 1.4; }
	.form-box .prs .bar p.active strong { background: none; border: 0; font-weight: 600; color: #2235d1; }
	.form-box .prs .txt { padding:50px 0 0 ; font-size:12px; color: #738a99; text-align: left; font-weight: 300; padding-left: 6px; text-indent: -6px; margin:0 20px;}
	.order { padding: 0; height: 52px; }
	.order button { position: fixed;left: 0; right:0; bottom:0; width:100%; height: 52px; font-size:16px; border-radius:0; z-index:100; }
	#footer.pc { display: none; }
	
	.m-search { display: block; position: absolute;left: 0; right:0; top:60px;  padding:6px 20px 18px; background: rgba(0,185,254,1) }
	.m-search .box { position: relative;}
	.m-search .box .inp-srch { width:100%; height: 46px; padding-left: 46px; font-size:15px; border: 0; background: #fff; outline:none; border-radius:46px;  }
	.m-search .box .btn-srch { position: absolute; left: 0; top:0; width:46px; height: 46px; background: url(../images/main/ico_search.svg) no-repeat 50% 50%; }
	
	
	
	.faq { background: none; padding-top:126px; padding-bottom: 0; }
	.faq .srch { display: none; }
	.faq .inner { padding: 0; }
	.faq .head { display: none; }
	.faq .tabs { border-bottom: 1px solid rgba(30, 54, 88, 0.1); margin: 0; }
	.faq .tabs a { height: 50px; line-height: 49px; font-size:15px; color: #acb4b9; margin:0; background: none; border-radius:0; letter-spacing: -0.5px; font-family: 'Noto Sans KR'; font-weight: 500;}
	.faq .tabs a.active { color: #0091ff; position: relative; background: none; }
	.faq .tabs a.active:before{  content: ''; position: absolute;left: 0; right:0; bottom:-1px; height: 2px; background: #0091ff;  }
	.faq-list ul li .q { padding:15px 30px 15px 20px; line-height: 18px; font-size:15px; }
	.faq-list ul li .q:before { content: ''; position: absolute; top:50%; right:20px; margin-top:-3px;  width:13px; height: 7px; background: url(../images/main/ico_arr.svg) no-repeat 0 0; transform: rotate(180deg); transition: all 0.5s ease; }
	.faq-list ul li .q.active:before { transform: rotate(0);  margin-top:-6px;}
	.faq-list ul li .q.active { background: none; }
	.faq-list ul li .q strong,
	.faq-list ul li .q .name { display: none; }
	.faq-list ul li .q .txt { font-size:15px; font-weight: 700; }
	.faq-list ul li .q .date { position: static; font-size:15px; color: #acb4b9; padding-top:5px; }
	.faq-list ul li .a { padding:20px; font-size:15px; line-height: 1.7; }	
}


.modal-out {} 
.modal-head { padding: 16px 0; background: #e8edf7; text-align: center; }
.modal-head h4 { font-size:19px; font-weight: 600; margin-bottom: 3px; }
.modal-head p { font-size:13px; }
.modal-out .body { padding:20px; text-align: center; font-weight: 500; height: 50vh; overflow: auto;}
.modal-out .body .t1 { font-size:1.5rem; color: #738a99; margin-bottom: 10px; }
.modal-out .body .t2 { font-size:2rem; background: #f4f5f7; border-radius:48px; height: 48px; line-height: 47px;   margin:0 20px 10px; }
.modal-out .body .t3 { font-size:1.5rem; line-height: 26px;margin-bottom: 30px; }
.modal .btn-box { display: flex; justify-content: space-between; margin:0 -5px; height: 40px; background: #0091ff; border-radius:3px; margin-top: 10px;}
.modal .btn-box button { flex:1; margin:0 5px; color:#fff; font-weight: 500;}
.modal .modify-btn-box{ height: 40px; background: #fff;  margin-top: 10px; margin-bottom: 10px; text-align:center;}
.modal .modify-btn-box .mbtn1{ margin:0 5px; background:#0091ff; color:#fff;font-weight: 500; height: 40px; width:20%; border-radius:3px; }
.modal .modify-btn-box .mbtn2{ margin:0 5px; background:#ee4511; color:#fff; font-weight: 500; height: 40px; width:20%; border-radius:3px;}


body.overflow { overflow: hidden; }
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 30px; margin-bottom: 20px;  }
.modal-content {position:relative; background-color:#fff; outline:none;  overflow:hidden; padding:0; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.2); }
.modal-header { height:38px; padding-left: 10px; line-height:29px; background: #fff; position: relative;text-align:center; border-bottom: 1px solid #ccc; }
.modal-header h5 { font-size:15px; line-height: 38px; font-weight: 400;   }
.modal-header .close { position: absolute; right:0; top:0; width:38px; height: 38px; background:url(../images/mobile/common/ico_top_close.svg) no-repeat 50% 50%;outline:none; border:0; text-indent:-9999px; }
.modal-body { padding:20px; }

 /*notice*/
table.btb { min-width:100%;}
table.btb {margin-top:2vh;margin-bottom:2vh;}
table.btb tbody{width:100%; display:inline-table; padding:10px;}
table.btb th {text-align:center;padding:1em;color:#fff;background: #0091ff;}
table.btb td {padding:1em 5px;}
table.btb td:first-child {width:7%;text-align:center;}
table.btb tr {border-bottom:1px solid #ccc;}
table.btb tr:hover {background:#eee;}
table.btb a {color:#222;}
table.b-notice {border-collapse:collapse;width:100%;}
table.b-notice tr {border-bottom:1px solid #ccc;}
table.b-notice td {padding:10px;}
   table.b-notice td:first-child {width:10%;text-align:center;vertical-align:middle;}
table.b-notice a {color:#000;}
table.b-notice a:hover {color:#4b4b4b;}
 .notice-date {float:right;width:200px;text-align:center;font-size:0.9em;}
 .notice-name {float:left;width:100px;text-align:center;font-size:0.9em;}
 .notice-title {float:left;width:calc( 100% - 300px );}
 table.b-notice th .notice-date {font-size:1em !important;}
@media screen and (max-width:991px) {
 th .notice-date {display:none;}
 th .notice-name {display:none;}
 .notice-date {float:right;width:120px;text-align:right;font-size:0.8em;}
  .notice-name {width:160px;text-align:right;font-size:0.8em;}
 .notice-title {float:left;width:100%;}
	}

.modal-notice { margin-top:-20px; }
.modal-notice .head { position: relative; padding:12px; border-bottom: 1px solid #d2d8e1;  }
.modal-notice .head .h6 { font-size:15px; color: #425776; font-weight: 500;  text-align:left; width:100%;}
.modal-notice .head .date { right:12px; top:12px; font-size:14px; color: #606e82; font-weight: 200;  text-align:right;  }
.modal-notice .head .info {display:inline-block; font-size:14px; color: #425776; text-align:left; width:100%;}
.modal-notice .body { padding:12px; background: #f3f5f7; border-radius:2px; min-height: 200px; font-size:14px; line-height: 23px; color: #1e3658; height:100%}
.modal-notice .body .text{text-align:left;}
.modal-notice .files { padding:15px 12px; text-align:left; border:3px solid #f3f5f7;}
.modal-notice .files .answer{color:#0091ff; font-size:20px;  font-weight: 500; text-align:left;}
.modal-notice .files > div + div { margin-top:7px; }
.modal-notice .files a { font-size:13px;  color: #425776; }
.modal-notice .files a span { color: #a7b5cc; margin-left: 5px; font-weight: 100;}
.modal-notice .agree { padding-top:20px; text-align: center;  border-top:1px solid #d2d8e1;}
.modal-notice .agree label { margin:0 19px;}

.modal-notice textarea { width:100%; height:210px; border:1px solid #d2d8e1; background:#fff; padding:6px 10px; font-size:14px; color:#111; vertical-align:middle;  transition:all 0.3s ease; border-radius:2px;}
.modal-notice textarea:focus { outline: none !important; }

.ico-file-pdf { display:inline-block; vertical-align:middle; width:30px; height:20px; background:#ec193e; text-align: center; line-height: 19px; border-radius:2px; font-size:11px; color: #fff; font-weight: 500; }
.ico-file-etc { display:inline-block; vertical-align:middle; width:30px; height:20px; background:#7d8ea6; text-align: center; line-height: 19px; border-radius:2px; font-size:11px; color: #fff; font-weight: 500; }
.ico-file-doc { display:inline-block; vertical-align:middle; width:30px; height:20px; background:#2c72f2; text-align: center; line-height: 19px; border-radius:2px; font-size:11px; color: #fff; font-weight: 500; }
.ico-file-xls { display:inline-block; vertical-align:middle; width:30px; height:20px; background:#009774; text-align: center; line-height: 19px; border-radius:2px; font-size:11px; color: #fff; font-weight: 500; }

.search-type2 { margin-bottom: 20px; clear: both; }
.search-type2 dl dt { font-size:14px; color: #425776; font-weight: 500; margin-bottom: 6px; padding-left: 1px; }
.search-type2 dl { margin-bottom: 10px; }
.search-type2 dl dd { }
.search-type2 .half { display: flex; justify-content: space-between; margin:0 -10px;  }
.search-type2 .half dl { flex: 1 1 50%; padding:0 10px; }
.search-type2 .files { text-align: center; line-height:1.4; padding:12px 0; font-size:14px; color: #90a1bf; background: #f3f5f7; border-radius:2px; }
.search-type2 .files { padding:15px 12px; }
.search-type2 .files > div + div { margin-top:7px; }
.search-type2 .files a { font-size:13px;  color: #425776; }
.search-type2 .files a span { color: #a7b5cc; margin-left: 5px; font-weight: 100;}
.search-type2 .files.list { text-align: left; background: none;border-bottom: 1px solid #d2d8e1;  }
.search-type2 .files.list div { position: relative; }
.search-type2 .files.list div .del { position: absolute; right:0; top:0; width:28px; height: 28px; border: 0; outline:none; background: url(../img/common/ico_file_del.svg) no-repeat 50% 50%; }
.search-type2 .col3 { display: flex; justify-content: space-between; margin:0 -10px;  }
.search-type2 .col3 dl { flex:1 1 33.3333%; padding:0 10px;}


.search-type2 textarea { width:100%; height:210px; border:1px solid #d2d8e1; background:#fff; padding:6px 10px; font-size:14px; color:#111; vertical-align:middle;  transition:all 0.3s ease; border-radius:2px;}
.search-type2 textarea:focus { border-color:#0080ff !important; color:#425776; }
.search-type2 textarea:disabled { border-color:#ccc; background:#999;  }
.search-type2 textarea.danger  { border-color:#f73859 !important; color: #111 !important; }
.search-type2 textarea.danger ::-webkit-input-placeholder { color: #111 !important;}
.search-type2 textarea.danger :-ms-input-placeholder { color: #111 !important;}

.search-type2 input.danger  { border:1px solid #f73859; color: #111; }
.search-type2 input.danger ::-webkit-input-placeholder { color: #111 !important;}
.search-type2 input.danger :-ms-input-placeholder { color: #111 !important;}


.modal-foot { padding:10px 0 24px; text-align:center; }
.modal-foot a,
.modal-foot button { margin:0 9px;}
.modal-foot .btn-l { height:38px; line-height:36px; padding:0 36px; width:100px;}
.modal-foot .btn-l2 { height:38px; line-height:36px; padding:0 10px; width:75px;}
.modal-foot .btn-type1 { display:inline-block; vertical-align:middle; padding:0 12px; font-size:14px; color:#fff; background:#007eff; border:1px solid #007eff; border-radius:2px; height:28px; line-height:26px; text-align:center; transition: all 0.3s ease; }
.modal-foot .btn-type2 { display:inline-block; vertical-align:middle; padding:0 12px; font-size:14px; color:#007eff; background:#fff; border:1px solid #007eff; border-radius:2px; height:28px; line-height:26px; text-align:center; transition: all 0.3s ease; }

.modal {
        text-align: center;
}
 


 
.modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
}

/*common-pagiantion*/
.pagin {margin-top:30px !important; text-align:center !important;}
.pagin_start, .pagin_end, .pagin_prev, .pagin_next  {width:10px;}
.pagin_start a, .pagin_end a, .pagin_prev a, .pagin_next a  {padding:3px 0 !important;;}
.pagin a {display:inline-block;border-radius:3px;padding:3px 8px;font-size:0.8em;}
.pagin_this {background:#0091ff;color:#fff;}
.pagin a:hover {color:#000;}