@charset "utf-8";

/* reset */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;}
html,body,div,object,iframe,p,blockquote,address,dl,dt,dd,ol,ul,li,pre,button,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,select,textarea,embed,figure,figcaption,header,footer,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;}
*{-webkit-text-size-adjust:none; margin:0; padding:0; box-sizing:border-box; min-width:0;}
img {max-width:100%;}
img,fieldset{border:none;vertical-align:middle;}
b,strong,.bold{font-weight:bold;}
em,dfn,cite,address,i,optgroup{font-style:normal;}
small{font-size:90%;}
sup,sub{position:relative;font-size:0.9em;line-height:0;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
del{text-decoration:line-through;}
label{cursor:pointer;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;width:100%;font-size:1em;}
legend,caption,hr{text-indent:-99999px;overflow:hidden;position:absolute;width:0;height:0;font-size:0;}
hr{display:none;}
object{vertical-align:top;}
input,button,select{vertical-align:middle;}

/* form reset */
input,select,textarea{font-size:inherit;font-family:inherit;color:inherit;vertical-align:middle;}
input[type="file"]{border:none;}
input[type="image"]{height:auto;margin:0;border:none;padding:0;line-height:inherit;}
input[type="radio"],input[type="checkbox"]{border:none;}
button,[type="button"],[type="reset"],[type="submit"]{margin:0;padding:0;background:none;border:none;cursor:pointer;text-transform:none;vertical-align:middle;font-size:inherit;}
select{text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;outline:0;}
select::-ms-expand{display:none;}
textarea{resize:none;}
label{cursor:pointer;}

/* link style (색상 상속) */
a{color:inherit;text-decoration:none;}
a:hover,
a:active{color:inherit;}

/* jump menu (색상/배경은 상속, border-color는 제거) */
#jump_menu{height:0px;position:relative;z-index:100000;}
#jump_menu >ul >li{text-align:center;}
#jump_menu >h1{width:0;height:0;overflow:hidden;white-space:nowrap;}
#jump_menu >ul >li >a{position:absolute;display:block;color:inherit;font-size:1em;top:-10000px;left:0;box-sizing:border-box;border:2px solid #262626;color:#fff;z-index:10000;font-weight:bold;}
#jump_menu >ul >li >a:hover,
#jump_menu >ul >li >a:focus,
#jump_menu >ul >li >a:active{position:absolute;top:0;padding:12px 0;background:#2f3a70;z-index:10000;width:100%;overflow:hidden;border-style:solid;border-width:4px;}
#jump_menu >ul >li.egci a{color:#fff;font-size:inherit;}
#jump_menu >ul >li.egci img{display:inline-block;width:40px;vertical-align:text-top;}

/* common */
html,body{position:relative;}
body{font-family:'Open Sans',Helvetica,'Apple SD Gothic Neo','Microsoft JhengHei','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,sans-serif;color:inherit;line-height:1.4;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-family:inherit;}

#wrap{position:relative;width:100%;min-height:100%;box-sizing:border-box;}
#m_conts{width:100%;}
@media (max-width:1024px){#wrap{min-width:320px;}}

.txt_hidden{left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;position:absolute;}

/* skip */
.hide,legend,caption,.hidden{position:absolute;left:-5000px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
caption{position:static;}

/* IME */
input[type="text"],textarea{-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}

/* margin (18px 기준 em 변환) */
.mT0{margin-top:0 !important;}
.mT5{margin-top:0.278em !important;}
.mT10{margin-top:0.556em !important;}
.mT15{margin-top:0.833em !important;}
.mT20{margin-top:1.111em !important;}
.mT30{margin-top:1.667em !important;}
.mT40{margin-top:2.222em !important;}
.mT50{margin-top:2.778em !important;}

.mR0{margin-right:0 !important;}
.mR5{margin-right:0.278em !important;}
.mR10{margin-right:0.556em !important;}
.mR15{margin-right:0.833em !important;}
.mR20{margin-right:1.111em !important;}
.mR30{margin-right:1.667em !important;}
.mR40{margin-right:2.222em !important;}

.mB0{margin-bottom:0 !important;}
.mB5{margin-bottom:0.278em !important;}
.mB10{margin-bottom:0.556em !important;}
.mB15{margin-bottom:0.833em !important;}
.mB20{margin-bottom:1.111em !important;}
.mB30{margin-bottom:1.667em !important;}
.mB40{margin-bottom:2.222em !important;}
.mB60{margin-bottom:3.333em !important;}
.mB80{margin-bottom:4.444em !important;}

.mL0{margin-left:0 !important;}
.mL5{margin-left:0.278em !important;}
.mL10{margin-left:0.556em !important;}
.mL15{margin-left:0.833em !important;}
.mL20{margin-left:1.111em !important;}
.mL30{margin-left:1.667em !important;}
.mL40{margin-left:2.222em !important;}
.mL50{margin-left:2.778em !important;}

.mA10{margin:0.556em !important;}

/* padding (18px 기준 em 변환) */
.pT5{padding-top:0.278em !important;}
.pT10{padding-top:0.556em !important;}
.pT15{padding-top:0.833em !important;}
.pT20{padding-top:1.111em !important;}
.pT30{padding-top:1.667em !important;}
.pT40{padding-top:2.222em !important;}

.pR5{padding-right:0.278em !important;}
.pR10{padding-right:0.556em !important;}
.pR15{padding-right:0.833em !important;}
.pR20{padding-right:1.111em !important;}
.pR30{padding-right:1.667em !important;}
.pR40{padding-right:2.222em !important;}

.pB5{padding-bottom:0.278em !important;}
.pB10{padding-bottom:0.556em !important;}
.pB15{padding-bottom:0.833em !important;}
.pB20{padding-bottom:1.111em !important;}
.pB30{padding-bottom:1.667em !important;}
.pB40{padding-bottom:2.222em !important;}

.pL5{padding-left:0.278em !important;}
.pL10{padding-left:0.556em !important;}
.pL15{padding-left:0.833em !important;}
.pL20{padding-left:1.111em !important;}
.pL30{padding-left:1.667em !important;}
.pL40{padding-left:2.222em !important;}

/* position */
.posR{position:relative;}
.posA{position:absolute;}

/* align */
.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}

/* float */
.fL{float:left;}
.fR{float:right;}
.cleB{clear:both;}
.cB:after{content:'';display:block;clear:both;}

/* width */
.w3{width:3% !important;}
.w4{width:4% !important;}
.w5{width:5% !important;}
.w6{width:6% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w9{width:9% !important;}
.w10{width:10% !important;}
.w11{width:11% !important;}
.w12{width:12% !important;}
.w13{width:13% !important;}
.w14{width:14% !important;}
.w14-5{width:14.5% !important;}
.w15{width:15% !important;}
.w16{width:16% !important;}
.w17{width:17% !important;}
.w18{width:18% !important;}
.w19{width:19% !important;}
.w20{width:20% !important;}
.w21{width:21% !important;}
.w22{width:22% !important;}
.w23{width:23% !important;}
.w24{width:24% !important;}
.w25{width:25% !important;}
.w26{width:26% !important;}
.w27{width:27% !important;}
.w28{width:28% !important;}
.w29{width:29% !important;}
.w30{width:30% !important;}
.w31{width:31% !important;}
.w32{width:32% !important;}
.w33{width:33% !important;}
.w34{width:34% !important;}
.w35{width:35% !important;}
.w36{width:36% !important;}
.w37{width:37% !important;}
.w38{width:38% !important;}
.w39{width:39% !important;}
.w40{width:40% !important;}
.w43{width:43% !important;}
.w45{width:45% !important;}
.w46{width:46% !important;}
.w49{width:49% !important;}
.w50{width:50% !important;}
.w51{width:51% !important;}
.w59{width:59% !important;}
.w60{width:60% !important;}
.w63{width:63% !important;}
.w66{width:66% !important;}
.w68{width:68% !important;}
.w70{width:70% !important;}
.w71{width:71% !important;}
.w72{width:72% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w81{width:81% !important;}
.w82{width:82% !important;}
.w90{width:90% !important;}
.w94{width:94% !important;}
.w99{width:99% !important;}
.w100{width:100% !important;}

/* b */
.b{font-weight:600;}

/* display */
.on{display:block;}
.off{display:none;}

.blind {position:absolute; width:0; height:0; z-index:-99999; opacity:0; overflow:hidden; text-indent:-999px;}


/**********************************************
	Common Style : Athers
**********************************************/

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.slider .swiper-slide {width:100%;}
.slider .swiper-slide > a {display:block;}
.slider .swiper-slide img {display:block; max-width:100%;}

.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}

@media all and (min-width:1025px) {.only-ta, .only-mo, .not-pc {display:none !important;}}
@media all and (min-width:641px) and (max-width:1024px) {.only-pc, .only-mo, .not-ta {display:none !important;}}
@media all and (max-width:640px) {.only-pc, .only-ta, .not-mo {display:none !important;}}


