/* Basic*/
.h-auto{height:auto !important;}

.d-bl{display:block;}
.d-in{display:inline;}
.d-in-bl{display:inline-block;}

.wd10p{width:10%;}
.wd50p{width:50%;}
.wd60p{width:60%;}
.wd100p{width:100%;}

.m0-auto{margin:0 auto;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt24{margin-top:24px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}

.mr10p{margin-right:10% !important;}
.ml10p{margin-left:10% !important;}

.pd0{padding:0px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd40{padding:40px !important;}
.pd20-0{padding:20px 0 !important;}
.pd0-8{padding:0 8px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt40{padding-top:40px !important;}
.pt60{padding-top:60px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important;}

.pl30{padding-left:30px !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb60{padding-bottom:60px !important;}
.pb180{padding-bottom:180px !important;}

/* button */
.radius20{border-radius:20px;}

.tag{padding:4px 8px;}
.tag.mid{padding:6px 20px;}
.tag.tp1{width:120px;height:120px;line-height:34px;font-size:24px;border-radius:100%;padding:27px 0;}


/* color */
.bg-lightgray{background-color:#f5f5f5;}
.bg-gray{background-color:#777777;}
.bg-lightgray{background-color:#f7f6f5;}
.bg-brown{background-color:#c78853; color:#fff;}
.bg-lightbrown{background-color:#faede1;;}
.bg-white{background-color:#fff !important;}
.bg-red{background-color:#ff3030; color:#fff;}
.bg-wine{background-color:#832826 !important; color:#fff;}
.bg-mint{background-color:#00bcb8; color:#fff;}
.bg-sky{background-color:#eaf7ff;}
.bg-blue{background-color:#1890ff; color:#fff;}
.bg-navy{background-color:#395ea1; color:#fff;}
.bg-black{background-color:#222; color:#fff;}
.bg-green{background-color:#9ec714; color:#fff;}
.bg-khaki{background-color:#5f6557 !important;}

.bg-gradient.bluegray-orange{background:linear-gradient(to right, #6f839f, #d38226);}
.bg-gradient.blue-navy{background:linear-gradient(to right, #36a7e9, #2a386e);}
.bg-gradient.pink-sky-peach{background:linear-gradient(to right, #d06589, #c2ddf6, #ecc5ba);}

.tx-white{color:#fff !important;}
.tx-sky{color:#95bae2 !important;}
.tx-blue{color:#1890ff !important;}
.tx-navy{color:#395ea1 !important;}
.tx-brown{color:#b0804d !important;}
.tx-pink{color:#ff3357 !important;}
.tx-wine{color:#832826 !important;}
.tx-mint{color:#00bcb8 !important;}
.tx-orange{color:#f97702 !important;}
.tx-gray{color:#888 !important;}
.tx-yellow{color:#ffbb3d !important;}
.tx-purple{color:#9fa4cd !important;}
.tx-purple02{color:#c280ab !important;}
.tx-green{color:#afd082 !important;}
.tx-khaki{color: #5f6557 !important;}

.tx-gradient.mint-purple{background:linear-gradient(to right, #6fbd8a, #65378c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.tx-gradient.blue-navy{background:linear-gradient(to right, #36a7e9, #2a386e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.tx-gradient.pink-purple{background:linear-gradient(to right, #e3ab9e, #1a1e99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.tx-gradient.purple-pink{background:linear-gradient(to right, #78599a, #cb5569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

/* layout */
.cont-wrap{width:1300px;margin:0 auto;}

.cont-full{width:100%;}
.cont-full.bg-img,
.cont-wrap.bg-img{position:relative;}
.cont-full.bg-img > img{width:100%;min-height:300px;object-fit:cover;}
.cont-full.bg-img .cont-wrap,
.cont-wrap.bg-img .cont-wrap{position:absolute;left:50%;transform:translate(-50%);}
.row-wrap{padding:4% 0;}

.fl-wrap:after{content:'';display:block;clear:both;}
.fl-wrap .fl{float:left;}
.fl-wrap .fr{float:right;}

/* img */
.img-wrap{position:relative;overflow:hidden;height:auto;}
.img-wrap img{position:relative;display:block;max-width:100%;height:auto;margin:0 auto;}
.img-wrap .tx-wrap{position:absolute;top:50%;transform:translateY(-50%);}
.img-cover{position:absolute;top:0;width:100%;height:100%;background:#000;opacity:0;}
[class*="col-"] a:hover .img-cover{transition:0.4s ease-out;opacity:0.3;}
[class*="col-"] a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transition:0.4s ease-out;}
/* ratio */
.row.h-auto [class*="col-"]{height:auto;}
.row:after{content:'';display:block;clear:both;}
[class*="col-"]{position:relative;float:left;padding:5px 6px;width:100%;height:auto;}
[class*="col-"]:hover .tit-wrap p.tit{color:#004ea2; transition:0.2s;}
[class*="col-"] a{display:inline-block;width:100%;height:100%;vertical-align:top;}
.col-6{width:50%;}
.col-7{width:60%;}
.col-2_4{width:20%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:40%;}
.col-sm-12{width:100%;}
.col-sm-10{width:83.333333%;}
.col-sm-1{width:8.333333%;}

.tx-color-01:hover .tit-wrap p.tit{color:#004ea2; transition:0.2s;}
.col6666 [class*="col-"]:nth-child(1) .img-wrap{background:#c9dfea;}
.col6666 [class*="col-"]:nth-child(1):hover .tit-wrap p.tit{color:#0f5e81 !important;transition:0.2s;}
.col6666 [class*="col-"]:nth-child(2) .img-wrap{background:#e8f2fb;}
.col6666 [class*="col-"]:nth-child(2):hover .tit-wrap p.tit{color:#004ea2 !important;transition:0.2s;}
.col6666 [class*="col-"]:nth-child(3) .img-wrap{background:#fee5d1;}
.col6666 [class*="col-"]:nth-child(3):hover .tit-wrap p.tit{color:#ac1453 !important;transition:0.2s;}
.col6666 [class*="col-"]:nth-child(4) .img-wrap{background:#e6bebd;}
.col6666 [class*="col-"]:nth-child(4):hover .tit-wrap p.tit{color:#a71b0e !important;transition:0.2s;}
.col6666 [class*="col-"]:nth-child(5) .img-wrap{background:#f0ead8;}
.col6666 [class*="col-"]:nth-child(5):hover .tit-wrap p.tit{color:#d38f14 !important;transition:0.2s;}
.col6666 [class*="col-"]:nth-child(6) .img-wrap{background:#daa875;}
.col6666 [class*="col-"]:nth-child(6):hover .tit-wrap p.tit{color:#523519 !important;transition:0.2s;}


.ratio3_7 > *:first-child{width:30%;}
.ratio3_7 > *:last-child{width:70%;}
.ratio3_7 > *:last-child{padding-left:30px;}

/* typography */
.gmarket-l{font-family:'GmarketSansLight';}
.gmarket{font-family:'GmarketSansbold';}
.ibm-r{font-family:'IBMPlexSansKR-Regular';}
.ibm-b{font-family:'IBMPlexSansKR-bold';}

h1{font-size:27px;font-weight:600;}

.fs14{font-size:14px !important;}
.fs17{font-size:17px !important;}
.fs20{font-size:20px !important;}
.fs24{font-size:24px !important;}
.fs26{font-size:26px !important;}
.fs28{font-size:28px !important;}
.fs32{font-size:32px !important;}
.fs40{font-size:40px !important;}
.fs50{font-size:50px !important;}

.fw1{font-weight:100 !important;}
.fw6{font-weight:600 !important;}
.fw8{font-weight:800 !important;}

.tx-c{text-align:center !important;}
.tx-l{text-align:left !important;}
.tx-r{text-align:right !important;}
.tx-b600{font-weight:600;}
.tx-b800{font-weight:800;}
.tx-basic{font-size:18px;line-height:180%;letter-spacing:-1px;word-break:break-all;}
.tx-tit{display:block;font-size:27px;line-height:1.6;}
.tx-tit-sub{font-size:20px;line-height:1.6;}
.tx-hidden{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.item.tx{text-align:justify;padding:0 4%;}



h3.tit{font-size:30px;font-weight:800;color:#222;text-align:center;}

p.tit{font-size:20px;color:#222;}
p.sub-tit{color:#222;line-height:1.6;font-size:18px;margin-top:10px;letter-spacing:-1px;}

.tit-wrap{padding:30px;}
.tit-wrap .tit{font-size:26px;font-weight:800;}
.tit-wrap.br{border:1px solid #eee; border-bottom:0;}

.img-wrap + .tit-wrap{position:absolute;;background:#fff;padding:30px;border:1px solid #e8e8e8;border-top:0;}
.img-wrap + [class*="bg-"] .tit-wrap{bottom:auto;top:50%;transform:translateY(-50%);margin:0;border:0;}
.img-wrap + .tit-wrap.top{top:5px;border:0;}
.img-wrap + .tit-wrap.center{top:50%;left:50%;transform:translate(-50%, -50%);border:0;}
.img-wrap + .tit-wrap.transparent{background:none;}
/* .img-wrap + .tit-wrap.transparent.top{bottom:100%;} */

.border-top{border-top:1px solid #e8e8e8;}
.border-bottom{border-bottom:1px solid #e8e8e8;}
.border-bottom.br-10.br-sky{border-bottom:10px solid #f5f9fd;}

/* tab */
ul.tab{width:100%;overflow:hidden;}
ul.tab:after{content:'';display:block;clear:both;}
ul.tab li{display:block;float:left;height:58px;line-height:58px;font-size:21px;text-align:center;background:#f6f7f8;border:1px solid #aaa;border-left:0;}
ul.tab li:first-child{border-left:1px solid #aaa;}
ul.tab li.current{background:#395ea1;border-color:#395ea1;}
ul.tab li a{display:block;width:100%;height:100%;color:#777;}
ul.tab li.current a{color:#fff;}
ul.tab[class*="col-"]{padding:0;}
ul.tab.col-3 li{width:33.33%;}
ul.tab.col-4 li{width:25%;}
ul.tab.col-6 li{width:16.66%;}

.tabcontent{display:none;padding:60px 0;margin-top:58px;}
.tabcontent.current{display:block;}
.tabcontent .cont-wrap{width:100%;}


/* header */
header{width:100%;background:#fff;}
header .cont-wrap{position:relative;height:80px;z-index:99;}
header .cont-wrap > *{position:absolute;display:block;height:100%;left:3%;top:50%;transform:translateY(-50%);}
header .cont-wrap a{display:block;}
header .cont-wrap h1{width:237px;box-sizing:border-box;padding:14px 0;}
header .cont-wrap .right-wrap{left:auto;right:3%;}
header .cont-wrap .right-wrap > *{float:left;}
header .cont-wrap .right-wrap .selectbox{padding:17px 0;margin-left:20px;}
header .cont-wrap .right-wrap .btn-panel{padding:30px 0;margin-left:20px;}

.dropdown{width:150px;margin:0px;}
.dropdown dd, .dropdown dt, .dropdown ul{margin:0px;padding:0px;}
.dropdown dd{position:relative;}
.dropdown a, .dropdown a:visited{color:#222;text-decoration:none;outline:none;}
.dropdown a:hover{color:#222;}
.dropdown dt a:hover{color:#222;}
.dropdown dt a{display:block;height:46px;border-radius:50px;background:#f5f5f5 url('../images/ico/icon_arrow_down_darkgray_sml.png') no-repeat scroll right 20px center;}
.dropdown dt a span{cursor:pointer;display:block;font-size:18px;padding-left:20px;line-height:46px;}
.dropdown dd ul{height:210px;background:#f5f5f5 none repeat scroll 0 0;border:1px solid #e6e6e6;color:#515151;display:none;left:0px;position:absolute;top:0px;width:150px;list-style:none;text-align:left;border-radius:20px;overflow:scroll;}
.dropdown dd ul#ulYear{height:auto;}
.dropdown span.value{display:none;}
.dropdown dd ul li a{display:block;font-size:17px;padding:14px 20px;border-bottom:1px solid #e6e6e6;}
.dropdown dd ul li:last-child a{border:0;}
.dropdown dd ul li a:hover{background-color:#e8e8e8;}
.dropdown img.flag{border:none;vertical-align:middle;padding:11px;}
.flagvisibility{display:none;}

/*panel*/
.panel-wrap{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:1000;}
.panel{position:fixed;top:0;right:0;width:80%;max-width:480px;height:100vh;background:#fff;overflow-x:hidden;z-index:100;}

.p-top{width:100%;background:#f5f6fb;padding:50px 30px;box-sizing:border-box;}
.p-top + .gnb{width:100%;padding:20px 0 70px;box-sizing:border-box;overflow:hidden;}
.p-top + .gnb > li{width:100%;overflow:hidden;}
.p-top + .gnb > li > a{display:block;width:100%;height:45px;font-size:15px;font-weight:500;line-height:45px;color:#222;padding-left:30px;box-sizing:border-box;}
.p-top + .gnb .gnb-sub{margin-top:7px;}
.p-top + .gnb .gnb-sub li{width:100%;height:40px;}
.p-top + .gnb .gnb-sub li a{display:block;width:100%;height:100%;font-size:13px;line-height:40px;color:#666;padding-left:30px;box-sizing:border-box;}

.panel-side{width:100%;height:100vh;background-color:rgba(0,0,0,0.2);}
.panel-side a{display:block;position:absolute;top:2%;right:500px;width:42px;height:42px;border-radius:100%;background:#004ea2;z-index:2000;}
.panel-side a img{position:absolute;top:50%;right:0;transform:translate(-50%, -50%);width:50%;opacity:.7;}
.panel-bg{background-color:#f5f6fb;border-right:5px solid #004ea2;}


/* footer */
footer{width:100%;background:#333;padding:20px 0;height:300px;margin:0 auto;}
footer .cont-wrap{background:url(../images/common/f-logo.png) no-repeat right 3% top;}
footer p{font-size:17px;line-height:1.6;color:#ccc;margin-top:25px;padding-left:3%;}
footer p b{color:#fff;}

/* top_btn */
#top-btn{position:fixed;bottom:100px;right:50px;z-index:99;display:block;width:50px;height:50px;border-radius:100%;background:url(../images/ico/icon_arrow_white_sml.png) no-repeat #395ea1 center center;}


/* mobile */
.mob{display:none;}
.m{display:none !important;}


@media (max-width: 1400px){
  /* layout */
  .cont-wrap{width:1100px;}

}
@media (max-width:1200px){
  /* typography */
  .item.tx{padding:0 5%;}

}
@media (max-width:1100px){
  /* layout */
  .cont-wrap{width:900px;}
  
  /* ratio */
  .col336 .col-3{width:50%;}
  .col336 .col-6{width:100%;}

  /* mobile */
  .mob-n{display:none;}
  .mob{display:block;}
  /* mobile */
  .m{display:none !important;}

}
@media (max-width:900px){
  /* layout */
  .cont-wrap{width:100%;}

}
@media (max-width: 800px){
  /* ratio */
  .col-7{width:100%;}
  .col-6{width:100%;}
  .col-5{width:100%;}
  .col-3{width:100%;}
  .col-2_4{width:50%;}
  .col-sm-1{display:none;}
  .col-sm-10{width:100%;}

  .peoplestory .col-4{width:100%;}

  /* panel */
  .panel{width:80%;}
  
  .item.tx{padding:0 2%;}

  .cont-full.bg-img .cont-wrap .tx-basic{display:none;}

  
  ul.tab.col-6 li{width:50%;border-top:none;}
  ul.tab.col-6 li:nth-child(1){border-top:1px solid #aaa;}
  ul.tab.col-6 li:nth-child(2){border-top:1px solid #aaa;}
  .tabcontent{margin-top:150px;}

}
@media (max-width: 700px){
  /* Basic*/
  .mt80{margin-top:40px !important;}
  
  .pt20{padding-top:10px !important;}
  .pt80{padding-top:40px !important;}
  .pt100{padding-top:60px !important;}
  

  /* ratio */
  .col444 .col-4{width:100%;}

  /* typography */
  h1{font-size:22px;}

  .tit-wrap .tit{font-size:24px;}
  .tx-tit-sub{font-size:19px;}
  p.sub-tit{font-size:17px;}

  .tx-tit{font-size:20px;}

  .fs32{font-size:28px !important;}
  .fs40{font-size:35px !important;}

  /* footer */
  footer .cont-wrap{background-size:35%;}

  /* main_slider */
  .main-slide .swiper-slide.slide-01{background-position:left 44% top;}

}
@media (max-width: 700px){
  /* header */
  header .cont-wrap{height:60px;}
  header .cont-wrap h1 img{width:40%;}
  header .cont-wrap .right-wrap .selectbox{padding:12px 0;margin-left:6px;}
  header .cont-wrap .right-wrap .btn-panel{padding:21px 0;margin-left:8px;}

  .dropdown{width:80px;}
  .dropdown dt a{height:36px; background:#f5f5f5 url('../images/ico/icon_arrow_down_darkgray_sml.png') no-repeat scroll right 12px center;}
  .dropdown dt a span{font-size:15px;line-height:36px;padding-left:14px;}
  
  .dropdown dd ul{width:80px;}
  .dropdown dd ul li a{font-size:15px; padding:10px 14px;}

  
  .tx-hidden{overflow:auto;white-space:normal;text-overflow:unset;}
  .tx-hidden2{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

}
@media (max-width: 500px){
  /* mobile */
  .m-n{display:none !important;}
  .m{display:block !important;}

  /* typography */
  .fs50{font-size:40px !important;}
}
@media (max-width: 400px){
  /* Basic*/
  .mt24{margin-top:10px !important;}
  .mt40{margin-top:20px !important;}
  .mt60{margin-top:40px !important;}

  .pt40{padding-top:20px !important;}
  
  .pb180{padding-bottom:100px !important;}

  /* ratio */
  .col336 .col-3{width:100%;}

  .ratio3_7 > *:first-child{width:100%;}
  .ratio3_7 > *:last-child{width:100%;}
  .ratio3_7 > *:last-child{padding-left:0;margin-top:20px;}


  /* footer */
  footer{padding:0;}
  footer .cont-wrap{background-position:center bottom;padding:40px;}
  footer p{font-size:15px;text-align:center;padding-left:0;margin-top:0;}

  /* typography */
  h3.tit{font-size:26px;}
  .fs24{font-size:19px !important;}
  .fs17{font-size:15px !important;}
  
  .tx-basic{font-size:17px;}

  /* tag */
  .tag.tp1{width:80px;height:80px;line-height:24px;font-size:16px;border-radius:100%;padding:18px 0;}

}
@media (max-width: 280px){
  .dropdown{width:63px;}
  .dropdown dt a{background:#f5f5f5 url('../images/ico/icon_arrow_down_darkgray_sml.png') no-repeat scroll right 6px center}
  .dropdown dt a span{font-size:14px; padding-left:11px;}
}