@charset "utf-8";

:root{
	font-size:10px;
	
	/** color **/
	--white:#fff;
	--black:#000;

	/** color define **/
	--color-01:#0f3077;
	--color-02:#375ece;
	--color-03:#ef6426;
	--color-04:#d11414;
	--color-05:#1f93d9;

	/** color brightness **/
	--gray-05:#f8f8f8;
	--gray-10:#f0f0f0;
	--gray-20:#e4e4e4;
	--gray-30:#d8d8d8;
	--gray-40:#c6c6c6;
	--gray-50:#8e8e8e;
	--gray-60:#717171;
	--gray-70:#555;
	--gray-80:#2d2d2d;
	--gray-90:#1d1d1d;

	/** color function**/
	--primary:#0c3ca2;
	--secondary:#16408d;

	--danger:#ff3547;
	--info:#0000cd;
	--success:#1e7e34;
	--warnning:#fb3;

	/** filter over color **/
	--hover-primary : brightness(0) saturate(100%) invert(18%) sepia(34%) saturate(6107%) hue-rotate(217deg) brightness(89%) contrast(99%);
	--hover-secondary : brightness(0) saturate(100%) invert(17%) sepia(97%) saturate(1201%) hue-rotate(204deg) brightness(99%) contrast(99%);
	--hover-white : brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(22%) hue-rotate(328deg) brightness(105%) contrast(106%);
	--hover-black : brightness(0) saturate(100%);
	--hover-gray-40 : brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(19%) hue-rotate(51deg) brightness(84%) contrast(87%);
	--hover-btn01 : brightness(0) saturate(100%) invert(43%) sepia(16%) saturate(1777%) hue-rotate(183deg) brightness(84%) contrast(87%);

	--hover-youtube : brightness(0) saturate(100%) invert(25%) sepia(91%) saturate(6835%) hue-rotate(341deg) brightness(97%) contrast(113%);
	--hover-facebook : brightness(0) saturate(100%) invert(42%) sepia(74%) saturate(395%) hue-rotate(182deg) brightness(81%) contrast(93%);
	--hover-twitter : brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(25%) hue-rotate(331deg) brightness(92%) contrast(100%);
	--hover-blog : brightness(0) saturate(100%) invert(73%) sepia(53%) saturate(5607%) hue-rotate(105deg) brightness(95%) contrast(98%);
	--hover-instagram : brightness(0) saturate(100%) invert(21%) sepia(96%) saturate(5107%) hue-rotate(316deg) brightness(104%) contrast(110%);
}

/** All Style **/
html,body{width:100%;height:100vh;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,th,td,input,select,textarea,button,p,a,blockquote,caption,legend,pre,address{font-family:'pretendard',Nanum Gothic, '나눔고딕', Malgun gothic, '맑은고딕', Dotum, '돋움','AppleSDGothicNeo', arial, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,th,td,input,select,textarea,button,p,a,blockquote,caption,legend,pre,address{margin:0;padding:0;line-height:inherit;color:#333;font-size:1.6rem;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:-0.03em;word-break:break-all;word-wrap:break-word;}

header,main,section,article,footer,aside{display:block;}

*,*::before,*::after{box-sizing:border-box;}
:focus{outline:2px dotted #f00000;outline-offset:-2px;}
:focus:not(:focus-visible){outline:0;}

h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}
hr{display:none;}
ol,ul,li{list-style:none;}
form,fieldset,img{border:0;}
img{vertical-align:middle;}
em,i,legend,address,cite,code,dfn,var{font-style:normal;font-weight:normal;}
b{font-weight:500;}

table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;}
caption,legend{overflow:hidden;position:relative;width:0;height:0;text-indent:-9999px;border:0;clip:rect(0, 0, 0, 0);}

a{text-decoration:none;}

button::-moz-focus-inner{border:0;padding:0;}
button i{position:relative;}

a,button{border:0;vertical-align:middle;transition-duration:0.1s;background:none;}
a,button,input[type='button']{cursor:pointer;}

sup{line-height:1px;font-size:11px;}

/** Form Basic **/
input,select{vertical-align:middle;}
input::placeholder,textarea::placeholder{color:#424242;font-size:15px;font-weight:400;}
input:focus::placeholder,textarea:focus::placeholder{color:transparent !important;}
textarea,textarea:hover,textarea:active,textarea:visited{color:#555;vertical-align:middle;}

/** font-color **/
.cl-black{color:#000 !important;}
.cl-blue{color:#1943ab !important;}
.cl-gray{color:#333 !important;}
.cl-gray-light{color:#7e7e7e !important;}
.cl-green{color:var(--color02) !important;}
.cl-orange{color:#c14c0d !important;}
.cl-red{color:#de0808 !important;}
.cl-sky{color:var(--color05) !important;}

/** font-size **/
.f-size35{font-size:35px !important;}
.f-size30{font-size:30px !important;}
.f-size25{font-size:25px !important;}
.f-size24{font-size:24px !important;}
.f-size23{font-size:23px !important;}
.f-size22{font-size:22px !important;}
.f-size21{font-size:21px !important;}
.f-size20{font-size:20px !important;}
.f-size18{font-size:18px !important;}
.f-size17{font-size:17px !important;}
.f-size16{font-size:16px !important;}
.f-size15{font-size:15px !important;}
.f-size14{font-size:14px !important;}
.f-size13{font-size:13px !important;}
.f-size12{font-size:12px !important;}

/** font-weight **/
.f-wb{font-weight:bold !important;}
.f-wn{font-weight:normal !important;}
.f-w400{font-weight:400 !important;}
.f-w500{font-weight:500 !important;}
.f-w600{font-weight:600 !important;}

/** area align style **/
.fl-wrap{overflow:hidden !important;}
.fl-r{float:right !important;}
.fl-l{float:left !important;}

/** text align style **/
.ta-r{text-align:right !important;}
.ta-l{text-align:left !important;}
.ta-c{text-align:center !important;}

/** flex align style **/
.fx-js{justify-content:flex-start !important;}
.fx-jc{justify-content:center !important;}
.fx-je{justify-content:flex-end !important;}
.fx-jsb{justify-content:space-between !important;}
.fx-as{align-items:flex-start !important;}
.fx-ac{align-items:center !important;}
.fx-ae{align-items:flex-end !important;}

/** display style **/
.dis-i{display:inline !important;}
.dis-ib{display:inline-block !important;}
.dis-b{display:block !important;}
.dis-n{display:none !important;}
.dis-f{display:flex !important;}

/** line style **/
.line-no-t{border-top-width:0 !important;}
.line-no-r{border-right-width:0 !important;}
.line-no-b{border-bottom-width:0 !important;}
.line-no-l{border-left-width:0 !important;}

/** margin style **/
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.all-m0{margin:0 !important;}
.all-m5{margin:5px !important;}
.all-m10{margin:10px !important;}
.all-m15{margin:15px !important;}
.all-m20{margin:20px !important;}
.all-m25{margin:25px !important;}
.all-m30{margin:30px !important;}
.all-m35{margin:35px !important;}
.all-m40{margin:40px !important;}
.all-m45{margin:45px !important;}
.all-m50{margin:50px !important;}

/** padding style **/
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.all-p0{padding:0 !important;}
.all-p5{padding:5px !important;}
.all-p10{padding:10px !important;}
.all-p15{padding:15px !important;}
.all-p20{padding:20px !important;}
.all-p25{padding:25px !important;}
.all-p30{padding:30px !important;}
.all-p35{padding:35px !important;}
.all-p40{padding:40px !important;}
.all-p45{padding:45px !important;}
.all-p50{padding:50px !important;}

/** width %,px common **/
[class*='w-per'],[class*='w-px']{min-width:inherit !important;max-width:inherit !important;}

/** width % **/
.w-per100{width:100% !important;}
.w-per95{width:95% !important;}
.w-per90{width:90% !important;}
.w-per85{width:85% !important;}
.w-per80{width:80% !important;}
.w-per75{width:75% !important;}
.w-per70{width:70% !important;}
.w-per65{width:65% !important;}
.w-per60{width:60% !important;}
.w-per55{width:55% !important;}
.w-per50{width:50% !important;}
.w-per45{width:45% !important;}
.w-per40{width:40% !important;}
.w-per35{width:35% !important;}
.w-per30{width:30% !important;}
.w-per25{width:25% !important;}
.w-per20{width:20% !important;}
.w-per15{width:15% !important;}
.w-per10{width:10% !important;}
.w-per5{width:5% !important;}

/** width px **/
.w-px400{width:400px !important;}
.w-px390{width:390px !important;}
.w-px380{width:380px !important;}
.w-px370{width:370px !important;}
.w-px360{width:360px !important;}
.w-px350{width:350px !important;}
.w-px340{width:340px !important;}
.w-px330{width:330px !important;}
.w-px320{width:320px !important;}
.w-px310{width:310px !important;}
.w-px300{width:300px !important;}
.w-px290{width:290px !important;}
.w-px280{width:280px !important;}
.w-px270{width:270px !important;}
.w-px260{width:260px !important;}
.w-px250{width:250px !important;}
.w-px240{width:240px !important;}
.w-px230{width:230px !important;}
.w-px220{width:220px !important;}
.w-px210{width:210px !important;}
.w-px200{width:200px !important;}
.w-px190{width:190px !important;}
.w-px180{width:180px !important;}
.w-px170{width:170px !important;}
.w-px160{width:160px !important;}
.w-px150{width:150px !important;}
.w-px140{width:140px !important;}
.w-px130{width:130px !important;}
.w-px120{width:120px !important;}
.w-px110{width:110px !important;}
.w-px100{width:100px !important;}
.w-px90{width:90px !important;}
.w-px80{width:80px !important;}
.w-px70{width:70px !important;}
.w-px60{width:60px !important;}
.w-px50{width:50px !important;}
.w-px40{width:40px !important;}
.w-px30{width:30px !important;}
.w-px20{width:20px !important;}
.w-px10{width:10px !important;}

/** max width px **/
[class*='w-mpx']{width:100%;}
.w-mpx330{max-width:330px;}

/** div-width % **/
[class*='div-per']{position:relative;}
.div-per100{width:100% !important;}
.div-per95{width:calc(95% - 10px) !important;}
.div-per90{width:calc(90% - 10px) !important;}
.div-per85{width:calc(85% - 10px) !important;}
.div-per80{width:calc(80% - 10px) !important;}
.div-per75{width:calc(75% - 10px) !important;}
.div-per70{width:calc(70% - 10px) !important;}
.div-per65{width:calc(65% - 10px) !important;}
.div-per60{width:calc(60% - 10px) !important;}
.div-per55{width:calc(55% - 10px) !important;}
.div-per50{width:calc(50% - 10px) !important;}
.div-per45{width:calc(45% - 10px) !important;}
.div-per40{width:calc(40% - 10px) !important;}
.div-per35{width:calc(35% - 10px) !important;}
.div-per30{width:calc(30% - 10px) !important;}
.div-per25{width:calc(25% - 10px) !important;}
.div-per20{width:calc(20% - 10px) !important;}
.div-per15{width:calc(15% - 10px) !important;}
.div-per10{width:calc(10% - 10px) !important;}
.div-per5{width:calc(5% - 10px) !important;}

/** 공통 value **/
.hidden,.blind,.sr-only{overflow:hidden !important;visibility:hidden !important;display:block;position:absolute !important;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;font-size:0 !important;text-indent:-9999px;border:0;clip:rect(0, 0, 0, 0);}
.no-scroll{overflow:hidden !important;width:100%;height:100vh;touch-action:none;}
.hide-pc{display:none;}

/** 1200px 시작 **/
@media screen and (max-width:1200px){
   /** 공통 value **/
   .hide-pc{display:block;}
}

/* skipNavigation */
.skiptoContent{position:absolute;top:0;right:0;left:0;margin:0 auto;z-index:99999;}
.skiptoContent a{position:absolute;top:-50px;width:100%;font-size:0;}
.skiptoContent a:active,.skiptoContent a:focus{display:block;top:0;height:34px;padding:6px 0;text-align:center;color:#fff;font-size:1.4rem;font-weight:bold;background:#272d34;}

/** component **/
/** wrap-img **/
.wrap-img{overflow:hidden;text-align:center;}
.wrap-img img{max-width:100%;height:100%;}
.wrap-longdesc{overflow:hidden;display:block;position:absolute;left:-9999px;width:0;height:0;line-height:0;font-size:0;}

/** wrap-iframe **/
.wrap-iframe{position:relative;}
.wrap-iframe iframe{display:block;margin:0 auto}

/** tip **/
[class*='tip-']{position:relative;font-size:15px;}
[class*='tip-ico-']{color:#55595f;}
[class*='tip-ico-']:before{content:'';display:block;position:absolute;left:0;background:no-repeat 0;}

[class*='tip-ico-desc']{margin-top:10px;padding-left:22px;line-height:18px;letter-spacing:-1px}
[class*='tip-ico-desc']:before{width:17px;height:17px;}

[class*='tip-ico-blank']{display:inline-block;}
[class*='tip-ico-blank']:before{top:calc(50% - 8px);right:2px;left:inherit;width:15px;height:15px;}

[class*='tip-ico-shortcut']{display:inline-block;}
[class*='tip-ico-shortcut']:before{top:calc(50% - 8px);right:2px;left:inherit;width:15px;height:15px;}

.tip-unit{margin-bottom:2px;text-align:right;}

/** firefox only hack **/
@-moz-document url-prefix(){
}

/** tab menu **/
.tab-nav{overflow:hidden;margin:20px 0;border-radius:10px 10px 0 0;}
.tab-nav ul{display:flex;position:relative;}
.tab-nav li,.tab-nav li a{position:relative;}
.tab-nav li{flex:1;position:relative;}
.tab-nav li+li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:15px;transform:translateY(-50%);background:#e0e0e0;z-index:1;}
.tab-nav li a{display:flex;align-items:center;justify-content:center;height:58px;padding:9px clamp(2px,.3vw,5px);color:var(--black);font-size:clamp(14px,1vw,16px);border-width:0 0 1px 0;border-style:solid;border-color:#e0e5f3;text-align:center;word-break:keep-all;background:#f7f8fb;}
.tab-nav li a:hover,.tab-nav li a:focus{text-decoration:underline;background:#e9ecf3;}
.tab-nav li a i{font-weight:500;}

.tab-nav li.is-current a{color:#fff;border-color:#0a3370;border-radius:10px 10px 0 0;background:#0a3370;}
.tab-nav li.is-current a:hover,.tab-nav li.is-current a:focus{text-decoration:none;}

/** tab menu 갯수 **/
.tab-nav.item-02 li{width:calc(100%/2 + 1px - 0.1px);}
.tab-nav.item-02 li:nth-child(2n){width:calc(100%/2);margin-right:0;}

.tab-nav.item-03 li{width:calc(100%/3 + 1px - 0.1px);}
.tab-nav.item-03 li:nth-child(3n){width:calc(100%/3);margin-right:0;}

.tab-nav.item-05 li{width:calc(100%/5 + 1px - 0.1px);}
.tab-nav.item-05 li:nth-child(5n){width:calc(100%/5);margin-right:0;}

/** tab menu depth02 sub style **/
.tab-nav-sub{overflow:hidden;margin-top:-20px;border:1px solid #aab8db;background:#f6f8fa;}
.tab-nav-sub ul{display:flex;flex-wrap:wrap;margin:-10px 0 0 -40px;padding:25px;}
.tab-nav-sub li{position:relative;margin:10px 0 0 40px;padding-left:10px;}
.tab-nav-sub li:before{content:'';display:block;position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:#385aaf;}
.tab-nav-sub li.is-current a{color:#385aaf;font-weight:500;text-decoration:underline;}

.tab-body .tab-cont{overflow:hidden;display:none;margin-bottom:50px;}
.tab-body .tab-cont:first-child{display:block;}

/** box type **/
[class*='box-type']{position:relative;margin:20px 0;padding:30px;border:1px solid #dfe1e7;background-color:#f7f8f9;}
[class*='box-type'],[class*='box-type'] > *{line-height:21px;color:#333;font-size:15px;}

[class*='box-type']:not([class*='box-type-sub']) > *{margin:0;}
[class*='box-type']:not([class*='box-type-sub']) > * + *{margin-top:5px;}

[class*='box-type'] > [class*='box-head']{color:var(--color02);font-weight:600;}
[class*='box-type'] [class*='-type']:first-of-type{margin-top:0 !important;}
[class*='box-type'] [class*='-type']:last-of-type{margin-bottom:0 !important;}

.box-type02{background:#fff;}
.box-type03{border:none;}
.box-type04{padding:18px !important;border-radius:10px;background:none;}
.box-type05{padding:clamp(15px,1.3vw,20px) 15px !important;text-align:center;border-color:#b7cbf4;border-radius:10px;background:#eef3ff;}
.box-type05 p{color:#09389c;font-size:clamp(18px,1.4vw,22px);font-weight:600;}

/** box type - ico **/
[class*='box-ico']{padding:50px 15px 65px;text-align:center;border-radius:20px;background:#f7f8fb;}
[class*='box-ico'] *+*{margin-top:clamp(14px,1.2vw,20px);}
[class*='box-ico'] p{position:relative;padding-top:clamp(105px,8.3vw,135px);line-height:1.3em;color:var(--gray-90);font-size:clamp(20px,1.5vw,22px);font-weight:500;word-break:keep-all;}
[class*='box-ico'] p:before{content:'';position:absolute;top:0;left:50%;width:clamp(86px,6.7vw,106px);height:clamp(83px,6.5vw,102px);transform:translateX(-50%);background-repeat:no-repeat;background-position:center;background-size:contain;}
[class*='box-ico'] p i{text-decoration:underline;text-underline-offset:3px;}
[class*='box-ico'] span{display:inline-block;position:relative;padding-left:clamp(14px,1.1vw,18px);font-size:clamp(15px,1.1vw,17px);font-weight:500;}
[class*='box-ico'] span:before{content:'';position:absolute;top:2px;left:0;width:clamp(10px,.8vw,14px);height:clamp(12px,1vw,16px);background:url(../images/ico/ico_arr.png) no-repeat center / contain;}

.box-ico01 p:before{background-image:url(../images/contents/common/box_ico01.png);}
.box-ico02 p:before{background-image:url(../images/contents/common/box_ico02.png);}
.box-ico03 p:before{background-image:url(../images/contents/common/box_ico03.png);}
.box-ico04 p:before{background-image:url(../images/contents/common/box_ico04.png);}
.box-ico05 p:before{background-image:url(../images/contents/common/box_ico05.png);}
.box-ico06 p:before{background-image:url(../images/contents/common/box_ico06.png);}
.box-ico07{padding:50px 20px;}
.box-ico07 p{display:inline-block;padding:0 0 0 87px;font-size:18px;}
.box-ico07 p:before{top:50%;left:0;width:67px;height:67px;transform:translateY(-50%);background-image:url(../images/contents/common/box_ico07.png);}

/** title type **/
.wrap-tit{display:flex;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px;}
.wrap-tit > *[class*='tit-type']{margin-right:auto;padding-right:20px;}

[class*='tit-type']{display:flex;align-items:flex-start;position:relative;margin-bottom:5px;color:var(--gray-90);font-weight:600;}
.tit-type01 + [class*='tit-type']{margin-top:25px;}

.tit-type01:before,.tit-type02:before,.tit-type03:before{content:'';display:block;position:absolute;left:0;background:no-repeat 0 0;}

.tit-type01{margin-top:40px;margin-bottom:15px;padding-left:41px;color:#000;font-size:24px;font-weight:700;}
.tit-type01:before{top:4px;width:34px;height:20px;background-image:url(../images/bullet/bul_tit_type01.png)}

.tit-type02{margin-top:30px;line-height:24px;color:#0d288d;font-size:20px;font-weight:700;}

.tit-type03{margin-top:40px;margin-bottom:10px;line-height:20px;color:#333;font-size:18px;font-weight:600;}

/** bullet style **/
[class^='bul-'],[class^='bul-'] > li{position:relative;}
[class^='bul-'] li + li{margin-top:5px;}

ul[class^='bul-']:before,ol[class^='bul-']:before{display:none;}
[class^='bul-'] [class^='bul-']{margin:5px 0}

/** list style bullet type **/
[class*='bul-type']{margin-top:20px;}

/** list  style :bullet type **/
[class*='bul-type']:not(ul),[class*='bul-type'] li{padding-left:10px;line-height:24px;}
[class*='bul-type']:before,[class*='bul-type'] li:before{content:'';display:block;position:absolute;left:0;border-radius:50%;}

.bul-type01:before,.bul-type01 li:before{top:9px;left:0;width:5px;height:5px;background:#26396a;}

.bul-type02{margin-left:10px;}
.bul-type02:before,.bul-type02 li:before{top:10px;width:6px;height:2px;border-radius:0;background:#3e6ebb;}

.bul-type03{margin-left:20px;}
.bul-type03:before,.bul-type03 li:before{top:9px;width:4px;height:4px;background:#97a6c3;}

/** 영문목록+ 숫자목록 **/
[class*='bul-eng'],[class*='bul-num'],[class*='bul-kor']{margin-top:20px;}
[class*='bul-eng'] > li,[class*='bul-num'] > li,[class*='bul-kor'] > li{padding-left:25px;line-height:24px;}
[class*='bul-eng'] > li:before,[class*='bul-num'] > li:before,[class*='bul-kor'] > li:before{display:inline-block;position:absolute;left:0;min-width:22px;text-align:center;}

.bul-eng04 > li:before,.bul-num04 > li:before{top:3px;left:1px;min-width:inherit;width:17px;height:17px;line-height:16px;font-size:11px;font-weight:500;text-indent:-1px;border:1px solid #202124;border-radius:50%;}

/** 영문목록 :A. (a) a) ⓐ **/
.bul-eng01{counter-reset:eng01;}
.bul-eng01 > li:before{counter-increment:eng01;content:counter(eng01, upper-alpha) ".";}
.bul-eng02{counter-reset:eng02;}
.bul-eng02 > li:before{counter-increment:eng02;content:"(" counter(eng02, lower-alpha) ")";}
.bul-eng03{counter-reset:eng03;}
.bul-eng03 > li:before{counter-increment:eng03;content:counter(eng03, lower-alpha) ")";}
.bul-eng04{counter-reset:eng04;}
.bul-eng04 > li:before{counter-increment:eng04;content:counter(eng04, lower-alpha);}

/** 숫자목록 :1. (1) 1) ① **/
.bul-num01{counter-reset:num01;}
.bul-num01 > li:before{counter-increment:num01;content:counter(num01, decimal) ".";}
.bul-num02{counter-reset:num02;}
.bul-num02 > li:before{counter-increment:num02;content:"(" counter(num02, decimal) ")";}
.bul-num03{counter-reset:num03;}
.bul-num03 > li:before{counter-increment:num03;content:counter(num03, decimal) ")";}
.bul-num04{counter-reset:num04;}
.bul-num04 > li:before{counter-increment:num04;content:counter(num04, decimal);}

/** 한글목록 가. (가) 가) **/
.bul-kor01 > li:before{content:'가.';}
.bul-kor01 > li+li:before{content:'나.';}
.bul-kor01 > li+li+li:before{content:'다.';}
.bul-kor01 > li+li+li+li:before{content:'라.';}
.bul-kor01 > li+li+li+li+li:before{content:'마.';}
.bul-kor01 > li+li+li+li+li+li:before{content:'바.';}
.bul-kor01 > li+li+li+li+li+li+li:before{content:'사.';}
.bul-kor01 > li+li+li+li+li+li+li+li:before{content:'아.';}
.bul-kor01 > li+li+li+li+li+li+li+li+li:before{content:'자.';}
.bul-kor01 > li+li+li+li+li+li+li+li+li+li:before{content:'차.';}
.bul-kor01 > li+li+li+li+li+li+li+li+li+li+li:before{content:'카.';}
.bul-kor01 > li+li+li+li+li+li+li+li+li+li+li+li:before{content:'타.';}
.bul-kor01 > li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'파.';}
.bul-kor01 > li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'하.';}

.bul-kor02 > li:before{content:'(가)';}
.bul-kor02 > li+li:before{content:'(나)';}
.bul-kor02 > li+li+li:before{content:'(다)';}
.bul-kor02 > li+li+li+li:before{content:'(라)';}
.bul-kor02 > li+li+li+li+li:before{content:'(마)';}
.bul-kor02 > li+li+li+li+li+li:before{content:'(바)';}
.bul-kor02 > li+li+li+li+li+li+li:before{content:'(사)';}
.bul-kor02 > li+li+li+li+li+li+li+li:before{content:'(아)';}
.bul-kor02 > li+li+li+li+li+li+li+li+li:before{content:'(자)';}
.bul-kor02 > li+li+li+li+li+li+li+li+li+li:before{content:'(차)';}
.bul-kor02 > li+li+li+li+li+li+li+li+li+li+li:before{content:'(카)';}
.bul-kor02 > li+li+li+li+li+li+li+li+li+li+li+li:before{content:'(타)';}
.bul-kor02 > li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'(파)';}
.bul-kor02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'(하)';}

.bul-kor03 > li:before{content:'가)';}
.bul-kor03 > li+li:before{content:'나)';}
.bul-kor03 > li+li+li:before{content:'다)';}
.bul-kor03 > li+li+li+li:before{content:'라)';}
.bul-kor03 > li+li+li+li+li:before{content:'마)';}
.bul-kor03 > li+li+li+li+li+li:before{content:'바)';}
.bul-kor03 > li+li+li+li+li+li+li:before{content:'사)';}
.bul-kor03 > li+li+li+li+li+li+li+li:before{content:'아)';}
.bul-kor03 > li+li+li+li+li+li+li+li+li:before{content:'자)';}
.bul-kor03 > li+li+li+li+li+li+li+li+li+li:before{content:'차)';}
.bul-kor03 > li+li+li+li+li+li+li+li+li+li+li:before{content:'카)';}
.bul-kor03 > li+li+li+li+li+li+li+li+li+li+li+li:before{content:'타)';}
.bul-kor03 > li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'파)';}
.bul-kor03 > li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'하)';}

.bul-kor04 > li:before{content:'㉮';}
.bul-kor04 > li+li:before{content:'㉯';}
.bul-kor04 > li+li+li:before{content:'㉰';}
.bul-kor04 > li+li+li+li:before{content:'㉱';}
.bul-kor04 > li+li+li+li+li:before{content:'㉲';}
.bul-kor04 > li+li+li+li+li+li:before{content:'㉳';}
.bul-kor04 > li+li+li+li+li+li+li:before{content:'㉴';}
.bul-kor04 > li+li+li+li+li+li+li+li:before{content:'㉵';}
.bul-kor04 > li+li+li+li+li+li+li+li+li:before{content:'㉶';}
.bul-kor04 > li+li+li+li+li+li+li+li+li+li:before{content:'㉷';}
.bul-kor04 > li+li+li+li+li+li+li+li+li+li+li:before{content:'㉸';}
.bul-kor04 > li+li+li+li+li+li+li+li+li+li+li+li:before{content:'㉹';}
.bul-kor04 > li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'㉺';}
.bul-kor04 > li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:'㉻';}

/** button **/
[class^='button']{overflow:hidden;display:flex;justify-content:center;align-items:center;min-width:90px;margin:0;padding:9px 20px;text-align:center;border:1px solid var(--gray-90);border-radius:5px;}
[class^='button'],[class^='button'] i{position:relative;line-height:18px;color:var(--gray-90);font-weight:500;}
[class^='button'] i{z-index:1;}
[class^='button'].ver-01{border-radius:6px}
[class^='button'].ver-02{border-radius:12px}
[class^='button'].ver-03{border-radius:24px}

/** button disabled **/
[class*='button'][class*='disabled']{cursor:auto !important;opacity:.6}

:is(a,button,input[type='button'])[class^='button']:hover:not([class*='disabled']),:is(a,button,input[type='button'])[class^='button']:hover:not([class*='disabled']) i{text-decoration:underline;text-underline-offset:3px}
:is(.button-module,.button-field){min-width:inherit;}
.button-module{padding:7px 15px;border-color:#acc0ea;background:#e7efff;}
.button-module,.button-module i{color:#0f3077;}

.button-field:not([class*='ico']){padding:5px 10px;border-color:#3b476a;background:#3b476a}
.button-field:not([class*='ico']),.button-field:not([class*='ico']) i{color:var(--white);font-size:14px;}

/** button size **/
.button-size01{min-width:55px;padding:1px 10px;font-size:13px;}
.button-size02{min-width:75px;padding:3px 15px;font-size:14px;}
.button-size03{min-width:95px;padding:12px 25px;}
.button-size04{min-width:105px;padding:17px 30px;}

.button-long01{min-width:140px;}

/** button background color **/
:is(a,button,input[type='button'])[class*='bg-color'],:is(a,button,input[type='button'])[class*='bg-color'] i{color:var(--white)}
.bg-color01{border-color:var(--color-01) !important;background:var(--color-01) !important;}
.bg-color02{border-color:var(--color-02) !important;background:var(--color-02) !important;}
.bg-color03{border-color:var(--color-03) !important;background:var(--color-03) !important;}
.bg-color04{border-color:var(--color-04) !important;background:var(--color-04) !important;}
.bg-color05{border-color:var(--color-05) !important;background:var(--color-05) !important;}

/** button border-line color **/
[class^='button'][class*='bl-color']{background:#fff}
.bl-color01{border-color:var(--color-01) !important;}
.bl-color02{border-color:var(--color-02) !important;}
.bl-color03{border-color:var(--color-03) !important;}
.bl-color04{border-color:var(--color-04) !important;}
.bl-color05{border-color:var(--color-05) !important;}

.bl-color01,.bl-color01 i{color:var(--color-01) !important;}
.bl-color02,.bl-color02 i{color:var(--color-02) !important;}
.bl-color03,.bl-color03 i{color:var(--color-03) !important;}
.bl-color04,.bl-color04 i{color:var(--color-04) !important;}
.bl-color05,.bl-color05 i{color:var(--color-05) !important;}

/** button border-line :hover**/
:is(a,button,input[type='button'])[class*='bl-color']:hover:not([class*='disabled']),:is(a,button,input[type='button'])[class*='bl-color']:hover:not([class*='disabled']) i{text-decoration:underline !important}

/** 기본table **/
[class*="-tbl"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;word-break:break-all;}
[class*="-tbl"] table{border-top:2px solid var(--gray-90);border-bottom:1px solid #c5c5c5;}
[class*="-tbl"] * > tr{height:50px;}
[class*="-tbl"] * > tr:first-child > *{border-top-width:0}
[class*="-tbl"] * > tr > *{height:100%;padding:10px;line-height:18px;font-size:16px;text-align:center;vertical-align:middle;border:0 solid #ddd;border-width:1px 1px 0 0; word-wrap:break-word;word-break:keep-all;background:#fff;}
[class*="-tbl"] * > tr > *[scope]{padding:10px;color:#07152f;font-weight:500;background:#f7f8fb}
[class*="-tbl"] * > tr > *[scope] i{font-weight:500;}
[class*="-tbl"] * > tr > *:last-child{border-right-width:0;}
[class*="-tbl"] thead > tr > *[rowspan],[class*="-tbl"] thead > tr:last-child > *{border-bottom:1px solid #bcc6d6;}

[class*="-tbl"] thead+tbody > tr:first-child{border-top-width:1px}
[class*="-tbl"] tbody > tr > *[scope]{padding-right:15px;padding-left:15px;}
[class*="-tbl"] tbody > tr > *[rowspan]:not(:first-child){border-left-width:1px;}

[class*="-tbl"] [class^='button']:not(.btn-ico){min-width:inherit;margin:-3px 0;padding:6px 10px;border-radius:4px;}
[class*="-tbl"] :is([class^='button'],[class^='button'] i){font-size:14px;}
[class*="-tbl"] [class^='button'][class*='ico-'] i{padding-right:25px;}
[class*="-tbl"] a:where(:hover,:focus-visible){text-decoration:underline;text-underline-offset:3px;}

[class*="-tbl"] [class*='button-field']{padding-top:5px !important;padding-bottom:5px !important;}

[class*="-tbl"] * > tr > *:has(.wrap-docu){padding:20px 0 !important;}

[class*="-tbl"] * > tr > *[class^='bg-point'] *{font-weight:500;}
[class*="-tbl"] * > tr > *.bg-point01{background:#f7f8fb;}

[class*='-tbl']:not([class*='board-type']) [class*='w-per']:not(.form-multiple) > *{width:100% !important;}
[class*='-tbl'] [class*='bul-type'],[class*='-tbl'] [class*='bul-type'] li{margin-left:0;}
[class*='-tbl'] [class*='bul-type']:first-of-type{margin-top:0;}
[class*='-tbl'] [class*='bul-type']:last-of-type{margin-bottom:0;}

[class*='tit-type'] + [class*="-tbl"]{margin-top:15px;}

/** accordions **/
.wrap-accordions{margin:10px 0;}
.wrap-accordions li{border:1px solid #d8d8d8;border-radius:10px;background:var(--white);}
.wrap-accordions li + li{margin-top:15px;}
.wrap-accordions [class*='item-']{display:block;position:relative;padding:20px 60px 20px 55px;}
.wrap-accordions [class*='item-']:before{content:'';display:block;position:absolute;top:11px;left:16px;width:34px;line-height:34px;font-size:22px;font-weight:600;text-align:center;}
.wrap-accordions :is(.item-q,.item-a p){font-size:clamp(15px,2.08vw,17px);}
.wrap-accordions :is(.item-q i,.item-a p){font-weight:500;}

.wrap-accordions .item-q:before{content:'Q';color:var(--primary);}
.wrap-accordions .item-q:after{content:'';display:block;position:absolute;top:23px;right:25px;width:15px;height:15px;background:url(../images/ico/ico_arr01.png) no-repeat 50%;}
.wrap-accordions .item-a{display:none;width:100% !important;padding-top:20px;padding-bottom:20px;line-height:2.5rem;}
.wrap-accordions .item-a:before{content:'A';top:15px;color:#333;}

.wrap-accordions li:not(:has(.open-content)) .item-q:where(:hover, :focus-visible){color: var(--primary);text-decoration: underline;text-underline-offset: 3px;}
.wrap-accordions .item-q:where(:hover,:focus-visible):after{filter:var(--hover-primary)}

.wrap-accordions li:has(.is-current){border-color:var(--primary);background:var(--white);}
.wrap-accordions li:has(.is-current) .item-q{color:#1d56bc;border-bottom:1px dotted #c4cde2;}
.wrap-accordions li:has(.is-current) .item-q:after{transform:rotate(-180deg);filter:var(--hover-primary)}

.wrap-accordions .no-data{text-align:center;padding:30px;font-weight:500;}

/** 모달팝업 **/
.wrap-modal{display:none;}
.wrap-modal .open{z-index:1}
.wrap-modal .open i{z-index:-1}
.wrap-modal .modal-body{overflow:hidden;position:relative;max-width:920px;width:calc(100% - 40px);max-height:calc(100vh - 40px);border-radius:15px;z-index:9999;}	
.wrap-modal .modal-body .modal-tit{display:block;position:relative;margin:0;padding:19px 50px 20px 20px;color:#fff;font-size:20px;font-weight:500;background-color:#253d71;}
.wrap-modal .modal-body .modal-cont{overflow:auto;height:auto;max-height:475px;padding:25px 20px 29px;background:#fff;}
.wrap-modal .modal-body .modal-cont [class*='tit-type']:first-of-type{margin-top:0;}
.wrap-modal .modal-body .modal-cont .board-button{margin:25px 0 0;}
.wrap-modal .modal-body .modal-cont .board-button [class^='button']{min-width:100px;}
.wrap-modal .modal-body .modal-cont .docu-sign{font-size:17px;}
.wrap-modal .modal-body .close{display:block;position:absolute;top:20px;right:20px;width:19px;height:19px;font-size:0;text-indent:-9999px;background:transparent;z-index:10;}
.wrap-modal .modal-body .close:before,.modal-body .close:after{content:'';display:block;position:absolute;top:calc(50% - 13px);left:50%;width:3px;height:26px;transform:rotate(45deg);background:#fff;}
.wrap-modal .modal-body .close:after{transform:rotate(-45deg)}

.wrap-modal.is-current{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;}
.wrap-modal.is-current:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}

.wrap-modal:has(.confirm-cont) .modal-body{max-width:415px;}

/** swiper **/
.swiper-box{position:relative;}
.swiper-box .slider-cont{overflow:hidden;position:relative;}
.swiper-box .swiper-slide{display:inline-block;}
.swiper-box .swiper-slide a{overflow:hidden;display:block;width:100%;height:100%;}
.swiper-box .swiper-slide a img{display:inline-block;}
.swiper-box .swiper-pagination{display:inline-block;position:static;width:100%;}
.swiper-box .swiper-pagination-bullets > *{margin:0 5px;}
.swiper-box .swiper-notification{font-size:0;position:absolute;top:-100000000px;left:-10000000px;width:0;height:0;}
.swiper-box .swiper-slide a:focus-visible{border:1px solid red;}

/** vertical **/
.swiper-container-vertical{height: 200px;}

/** scroll style **/
[class*='wrap-scroll'] > div::-webkit-scrollbar{width:6px;height:6px;}
[class*='wrap-scroll'] > div::-webkit-scrollbar-thumb,.wrap-scroll::-webkit-scrollbar-track{border-radius:6px;}
[class*='wrap-scroll'] > div::-webkit-scrollbar-thumb{background-color:#b0b2b6;}
[class*='wrap-scroll'] > div::-webkit-scrollbar-track{background-color:#e4e6ea;}


/** 1024px 시작 **/
@media screen and (max-width:1024px){
	/** wrap-scroll **/
	[class*='wrap-scroll']{overflow:hidden;position:relative;margin-top:5px;}
	[class*='wrap-scroll'] > div{display:block !important;table-layout:auto !important;}
	
	[class*='wrap-scroll'] [class*='board-'] table{display:inherit;table-layout:auto !important;}
	[class*='wrap-scroll'] [class*='board-'] table * > tr > *{white-space:nowrap;}

	[class*='wrap-scroll'] div:not([class*='board-']) table{width:1024px;}

	.wrap-scroll-y > div{overflow-y:auto;max-height:217px;}
	.wrap-scroll-x > div{overflow-x:auto;margin-top:25px;padding-bottom:10px;}
	.wrap-scroll-x:before{content:'※ 좌우로 스크롤이 가능합니다.';display:block;position:absolute;top:0;left:0;color:var(--primary);font-size:13px;font-weight:500;}
}
/** 1024px 끝 **/

/** 820px 시작 **/
@media screen and (max-width:820px){
	/** box type **/
	[class*='box-type']{margin:15px 0;padding:20px;}

	/** title type **/
	[class*='tit-type'] + [class*='tit-type']{margin-top:15px;}

	.tit-type01{margin-top:30px;font-size:22px;}	
	.tit-type02{margin-top:20px;font-size:19px;}
	.tit-type03{margin-top:30px;font-size:17px;}

	/** 버튼 **/
	.button{margin-top:1px;margin-bottom:1px;}
}
/** 820px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
	/** 기본table **/
	[class*="-tbl"] * > tr > *{background:transparent;}

	/** box type **/
	[class*='box-type']{padding:15px;}

	/** box type - ico **/
	[class*='box-ico']{padding:30px 15px 40px;}
	[class*='box-ico'] p{padding-top:80px;font-size:18px;}
	[class*='box-ico'] p:before{width:66px;height:64px;}

	.box-ico07{padding:30px 15px;}
	.box-ico07 p{padding:0;}
	.box-ico07 p:before{content:none;}

	/** tab menu **/
	.tab-nav,.tab-nav li.is-current a{border-radius:0;}
	.tab-nav,.tab-nav.is-current li,.tab-nav li.is-current,.tab-nav li.is-current > a:after{-webkit-transition:all 0.2s;transition:all 0.2s;}
	.tab-nav.is-current li,.tab-nav li.is-current{visibility:visible;overflow:visible;height:auto;opacity:1;}
	.tab-nav ul{justify-content:flex-start;flex-wrap:wrap;position:relative;height:auto;}
	.tab-nav li{visibility:hidden;overflow:hidden;display:block;flex:none;width:100% !important;height:0;opacity:0;}
	.tab-nav li+li:before{content:none;}
	.tab-nav li a{position:relative;padding:0;height:40px;font-size:15px;border-width:0 1px 1px 1px;}

	.tab-nav li.is-current a{line-height:45px;border:none;}
	.tab-nav li.is-current a:after{content:'';position:absolute;top:calc(50% - 5px);right:15px;width:8px;height:8px;border:2px solid #fff;border-top-width:0;border-right-width:0;transform:rotate(-45deg)}
	
	.tab-nav.is-current li.is-current a:after{transform:rotate(135deg)}	
	
	/** tab menu depth02 sub style **/
	.tab-nav-sub ul{flex-direction:column;padding:20px;}
}
/** 767px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
	/** 모달팝업 **/
	.wrap-modal .modal-body .modal-tit{padding:15px 50px 16px 15px;font-size:18px;}
	.wrap-modal .modal-body .modal-cont{padding:20px 15px 15px;}
	.wrap-modal .modal-body .modal-cont .board-button{margin-top:20px;}
	.wrap-modal .modal-body .close{top:16px;}
}
/** 414px 끝 **/

[class*="_tbl"].bd_tbl_lst * > tr:hover > td{background:#f2f6ff;}
[class*="_tbl"].bd_tbl_lst * > tr > .center{text-align:center;}
[class*="_tbl"].bd_tbl_lst * > tr > .left{text-align:left;}
[class*="_tbl"].bd_tbl_lst * > tr > .right{text-align:right;}

@media print {
	#wrap-header,
	.wrap-remote,
	.head-util,
	#wrap-footer {
		display: none !important;
	}

	html, body {
		height: auto !important;
		overflow: visible !important;
	}
	body * {
		visibility: hidden;
	}
	
	#cont-head,	#cont-body,
	#cont-head *, #cont-body * {
		visibility: visible;
	}
	#cont-head,	#cont-body {
		position: static !important;
		left: 0;
		top: 0;
		width: 100%;
	}
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}