@charset "UTF-8";

/*
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Serfrg.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2S..%2Ssbagf%2Ssbagf.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Synlbhg.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Srssrpg.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Sgnoyr.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Sohggba.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Sgvgyr.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Sobk.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Scntvat.pff%3S20211214");
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Spbzzba%2Spff%2Svzcbeg%2Szbovyr.pff%3S20211214");
*/

.center { text-align:center !important}
.left   { text-align:left !important }
.right  { text-align:right !important }
.nowrap { white-space:nowrap !important }
.clear  { clear:both !important }
.fixed  { position:fixed !important }

.collapse   { display:none; visibility:hidden  }
.collapse.in{ display:block; visibility:visible }

.red_txt    { color:#ff0000 !important }
.green_txt  { color:#67af0a !important }
.orange_txt { color:#ff9000 !important }
.darkOrange_txt { color:#E66016 !important }
.pink_txt   { color:#ff0680 !important }
.black_txt  { color:#000 !important }

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

.font_light { font-weight:200 }

.line2_cut { overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.line3_cut { overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.line4_cut { overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
.line5_cut { overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; }
.text_cut  { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.trigger{ cursor:pointer; }

.spot{ width:6px; height:6px; background-color:#d3d3d3; border-radius:50%; display:inline-block; margin:0 6px 2px 0; }
.spot_indent{ width:12px; height:44px; display:inline-block; float:left; }


.w90p { width:calc(90% - 10px) !important; min-width:100px !important; }
.w80p { width:calc(80% - 10px) !important; min-width:90px !important; }
.w70p { width:calc(70% - 10px) !important; min-width:80px !important; }
.w60p { width:calc(60% - 10px) !important; min-width:70px !important; }
.w50p { width:calc(50% - 10px) !important; min-width:60px !important; }
.w40p { width:calc(40% - 10px) !important; min-width:50px !important; }
.w30p { width:calc(30% - 10px) !important; min-width:40px !important; }
.w20p { width:calc(20% - 10px) !important; min-width:25px !important; }
.w10p { width:calc(10% - 10px) !important; min-width:10px !important; }


/* body 하위 스크롤 디자인 */
body *::-webkit-scrollbar { width:8px; height:8px; background-color:transparent;}
body *::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:5px; border:2px solid #fff }

/* bxSlider 초기화 */
.bx-wrapper { border:0px; box-shadow:none; padding:0px; margin:0px; }
.bx-viewport {  }

/* select */
select.auto { height:40px; border:1px solid #dddddd; padding-left:10px; padding-right:30px; color:#666666; border-radius:3px;  }
select.full { width:100%; height:40px; border:1px solid #dddddd; padding-left:10px; color:#666666; border-radius:3px;  }
select.arrow{ background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Svzt%2Svpba%2Svpba_sbbg_neebjqbja.cat) no-repeat calc(100% - 10px); -webkit-appearance: none;  appearance: none; }
select.arrow::-ms-expand { color:#666; width:25px; background:rgba(0,0,0,0); text-align:center; border:0px /* 화살표 없애기 for IE10, 11*/ }
select.arrow:focus{ background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sbgenqr.pb%2Svzt%2Svpba%2Svpba_sbbg_neebjhc.cat') no-repeat calc(100% - 10px); }
select:disabled { background-color:#efefef; }

/* 하단 스크롤 */
.scroll_loader { width:100%; text-align:center; margin-top:40px; color:#666;}
.scroll_loader img{ margin:0 12px -12px 0;}

/* 비쥬얼 */
.visual_img { height:300px; background-color:#ddd; background-size:cover; margin-top:-1px }
.visual_img article { text-align:center; color:#fff; padding-top:90px }
.visual_img article .tit { font-size:50px; font-weight:600; line-height:1em; }
.visual_img article .txt { font-size:15px; margin-top:25px; }
@media screen and (max-width: 1000px) {
	.visual_img article { padding-top:70px }
}

/* sub_tab */
.sub_tab    { width:100%; border-bottom:1px solid #dddddd; text-align:center; margin-bottom:50px; margin-top:10px }
.sub_tab > ul { color:#000; font-size:15px; font-weight:600; display:inline-block;}
.sub_tab > ul > li { margin-right:30px; list-style:none; display:inline-block }
.sub_tab > ul > li:last-child { margin-right:0; }
.sub_tab > ul > li > a  { display:block; width:100%; height:60px; padding-top:20px; padding-bottom:20px; text-align:center; margin:0 auto;}
.sub_tab > ul > li > a.active,
.sub_tab > ul > li > a:hover { color:#ff9000 ; border-bottom:3px solid #ff9000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
/*.sub_tab > ul > li > a:hover { color:#ff9000 !important; border-bottom:3px solid #ff9000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }*/

/* mini_tab */
.mini_tab    { margin:0 auto; width:calc(100% - 10px); max-width:900px; text-align:left; margin-top:10px }
.mini_tab > ul { color:#000; font-size:15px; font-weight:600; display:inline-block;}
.mini_tab > ul > li { margin-right:2px; list-style:none; display:inline-block; }
.mini_tab > ul > li > a  { display:block; width:100%; padding:10px 20px; text-align:center; margin:0 auto; border:1px solid #dddddd; border-bottom:0px; border-radius:5px 5px 0px 0px; }
.mini_tab > ul > li > a.active,
.mini_tab > ul > li > a:hover { background-color:#efefef; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.mini_content { margin:0 auto; width:calc(100% - 10px); max-width:900px; border:1px solid #dddddd; padding:20px }

/* tiny_tab */
.tiny_tab    { margin:0 auto; width:calc(100% - 10px); max-width:900px; text-align:left; margin-top:10px; overflow:hidden }
.tiny_tab > ul { color:#000; font-size:15px; display:inline-block;; white-space:nowrap;}
.tiny_tab > ul > li { list-style:none; display:inline-block; }
.tiny_tab > ul > li > a { display:block; width:100%; padding:5px 10px; text-align:center; margin:0 auto; border:1px solid #dddddd; border-bottom:0px; cursor:pointer }
.tiny_tab > ul > li > a.active,
.tiny_tab > ul > li > a:hover { background-color:#efefef; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
ul.tiny_content { margin:0 auto; width:calc(100% - 10px); max-width:900px; border:1px solid #dddddd; padding:10px }
ul.tiny_content > li { display:none }
ul.tiny_content > li.active { display:block }

/* 약관 */
.agree_terms{ display:inline-block; width:100%; margin-top:50px; }
.agree_terms .agree_terms_tit{ text-align:left; font-size:19px; color:#000000; border-bottom:2px solid #000000; padding-bottom:15px; }
.agree_terms .agree_terms_list{ display:block; margin-top:35px; text-align:center}
.agree_terms .agree_terms_item{ display:inline-block; width:223px; min-height:313px; border:1px solid #dddddd; background-color:#ffffff; margin-right:20px; margin-bottom:20px; padding:40px 10px; }
.agree_terms .agree_terms_item:last-child{ margin-right:0; }
.agree_terms .agree_terms_item .terms_icon{ width:147px; height:147px; border-radius:50%; background-color:#f1f1f1; text-align:center; margin:0 auto; }
.agree_terms .agree_terms_item .terms_icon img{ margin:47px 0 0 11px; }
.agree_terms .agree_terms_item .terms_txt{ margin:25px 0 20px 0; }
.agree_terms .agree_terms_item .terms_detail a{ border-bottom:1px solid #000000; padding-bottom:1px; }
.agree_terms .agree_terms_item .terms_detail a:hover{ border-bottom:1px solid #ff9000; }
.agree_terms i.checker_box { margin:1px 5px 3px 0 } 
iframe.agree_ifrm { width:100%; height:450px }

/* 레이어 팝업 */
.WbLayer_popup { width:95%; max-width:700px; display:none }
.popup_wrap{ width:100%; background-color:#ffffff; max-height:700px; overflow:auto; }
.popup_wrap .inner_top{ background-color:#67b00b; padding:40px 30px 40px 30px; text-align:left; color:#ffffff; }
.popup_wrap .inner_top li:first-child{ font-size:24px; text-align:center; line-height:24px; }
.popup_wrap .inner_top li:last-child{ letter-spacing:-1px; margin-top:20px; }
.popup_wrap .inner_cont{ width:100%; padding:40px 30px 30px 30px; box-sizing:border-box; border-bottom:1px solid #dddddd; text-align:left; }
.popup_wrap .inner_cont .tit{ font-size:15px; color:#000000; }
.popup_wrap .btn_wrap{ padding:30px 0 30px 0; }

/* 이미지 준비중 */
div.img_not_ready { margin:30px auto; width:300px; height:120px; line-height:120px; background-color:#efefef; }

/* simple_process_header */
.simple_process_header ul { margin:0 auto; color:#000; font-size:19px; font-weight:600; padding:28px 10px 0px 10px; text-align:center }
.simple_process_header ul li{ display:inline-block; margin:0 2%; list-style:none; padding-bottom:22px; }
.simple_process_header ul li img{ margin-top:-5px; }
.simple_process_header ul a:last-child{ margin-right:0px; }
.simple_process_header ul a{ width:100%; max-width:1512px; height:46px; text-align:center; margin:0 auto; }
.simple_process_header ul .select { text-decoration:none; color:#ff9000 !important; border-bottom:3px solid #ff9000;  }
@media screen and (max-width: 780px) {
	.simple_process_header ul { font-size:15px; padding:28px 5px 0px 5px; }
}

/* profile_img */

.profile_img { display:inline-block; width:45px; height:45px; border:1px solid #dddddd; border-radius:50%; overflow:hidden; text-align:center; background-color:#fff }
.profile_img > img { margin:0 auto; height:100%; background-color:white; max-width:200%; }

.profile_img.w32 { width:32px; height:32px; }
.profile_img.w36 { width:36px; height:36px; }
.profile_img.w50 { width:50px; height:50px; }
.profile_img.w68 { width:68px; height:68px; }
.profile_img.w70 { width:70px; height:70px; }
.profile_img.w90 { width:90px; height:90px; }
.profile_img.w100 { width:100px; height:100px; }
.profile_img.w120 { width:120px; height:120px; }
.profile_img.w128 { width:128px; height:128px; }
.profile_img.w130 { width:130px; height: 130px; }
.profile_img.w152 { width:152px; height: 152px; }

.profile_wrap .name     { vertical-align:top; padding-left:10px }
.profile_wrap .name.h32 { height:32px; line-height:32px; }
.profile_wrap .name.h68 { height:68px; line-height:68px; }
.profile_wrap .name.h90 { height:90px; line-height:90px; }
.profile_wrap .name.h100 { height:100px; line-height:100px; }
.profile_wrap .name.h120 { height:120px; line-height:120px; }
.profile_wrap .name.h128 { height:128px; line-height:128px; }
.profile_wrap .name.h130 { height:130px; line-height:130px; }

/* 불릿 기호 리스트 */
ul.bullet li  { padding-left:15px; text-indent:-15px; vertical-align: top }
ul.bullet li * { text-indent:0px }
ul.bullet span{ display:inline-block; width:5px; height:5px; border-radius:50%; background-color:#d6d6d6; margin-right:10px; margin-bottom:4px }

/* 불릿 기호 라벨 리스트 */
ul.bullet_label li    { float:left; width:100%; height:30px; line-height:15px; color:#666666; word-break:break-all }
ul.bullet_label label { float:left; width:38%; display:inline-block; font-size:15px; color:#000000; font-weight:600; }
ul.bullet_label label span { display:inline-block; width:5px; height:5px; background-color:#d6d6d6; border-radius:50%; margin:0 8px 3px 0; }
ul.bullet_label div   { display:inline-block; width:62%; float:right; }

ul.bullet_label.harf li { width:50%; }
@media screen and (max-width: 767px) {
	ul.bullet_label.harf li { width:100%; }
}

/* alpha(반투명) */
.alpha5 { opacity: 0.5;filter:alpha(opacity=50);  -ms-filter:"alpha(opacity=50)"; }
.alpha6 { opacity: 0.6;filter:alpha(opacity=60);  -ms-filter:"alpha(opacity=60)"; }

/* 리스트-숫자 */
ol.decimal    { margin-left:20px; list-style: decimal; }
ol.decimal > li { padding-left:10px; margin-bottom:20px }
ol.decimal.thin > li { padding-left:10px; margin-bottom:5px; line-height:20px; }

/* 리스트-알파벳 */
ol.alpha    { margin-left:20px; list-style: upper-alpha; }
ol.alpha > li { padding-left:10px; margin-bottom:20px }


/* 구글번역기 */
div.skiptranslate { display:none !important }
footer div.skiptranslate { display:block !important }
body { top:0px !important } 

/* 비율유지 */
.video-wrap {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}