@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
::selection{ background-color: #f99607; color: #fff;}

.pc_item{ display: block;}
.mo_item{ display: none;}

/* START flex style */
.flex_wrap{ display: flex;}
.flex_wrap.full{ width: 100%;}
.flex_wrap.gap1{ gap:1rem;}
.flex_wrap.gap2{ gap:2rem;}
.flex_wrap.gap3{ gap:3rem;}
.flex_wrap.between{ justify-content: space-between;}
.flex_wrap.center{ justify-content: center;}
.flex_wrap.start{ justify-content: flex-start;}
.flex_wrap.end{ justify-content: flex-end;}
.flex_wrap.column{ flex-direction: column;}
.flex_wrap.row{ flex-direction: row;}
.flex_wrap.align_center{ align-items: center;}
/* END flex style */

.color_white{ color: #fff !important;}
.color_black{ color: #333 !important;}
.color_realblack{ color: #000 !important;}
.color_red{ color: #ea0228 !important;}
.color_yellow{ color: #f99607 !important;}
.color_green{ color: #1da83a !important;}
.color_orange{ color: #f94709 !important;}
.color_light_orange{ color: #fcbba4 !important;}
.color_brown{ color: #4c2607 !important;}
.color_blue{ color: #2466c8 !important;}
.color_deepred{ color: #a30001 !important;}

.bg_white{ background-color: #fff !important;}
.bg_black{ background-color: #333 !important;}
.bg_realblack{ background-color: #000 !important;}
.bg_yellow{ background-color: #f99607 !important;}
.bg_green{ background-color: #1da83a !important;}
.bg_orange{ background-color: #f94709 !important;}
.bg_light_orange{ background-color: #fcbba4 !important;}
.bg_brown{ background-color: #4c2607 !important;}
.bg_blue{ background-color: #2466c8 !important;}
.bg_deepred{ background-color: #a30001 !important;}
.bg_bluegray{ background-color: #eff2f6 !important;}

.border_white{ border-color: #fff !important;}
.border_black{ border-color: #333 !important;}
.border_realblack{ border-color: #000 !important;}
.border_yellow{ border-color: #f99607 !important;}
.border_green{ border-color: #1da83a !important;}
.border_orange{border-color: #f94709 !important;}
.border_light_orange{ border-color: #fcbba4 !important;}
.border_brown{ border-color: #4c2607 !important;}
.border_blue{ border-color: #2466c8 !important;}
.border_deepred{ border-color: #a30001 !important;}

.btn_item{ font-size: 1.5rem; padding: 1rem 4rem; text-align: center; color: #333;}
.btn_item.flex_center{ display: flex; align-items: center; justify-content: center;}
.btn_item.min{ font-size: 1.4rem; padding: 1rem 2rem;}
.btn_item.max{ font-size: 1.8rem; min-width: 140px; line-height: 1.6;}
.btn_item.round{ border-radius: 3px;}
.btn_item.rounder{ border-radius: 10px;}
.btn_item.border{ border: 1px solid #d1d1d1;}
.btn_item.red{ background-color: #e10000; color: #fff; border: 1px solid #e10000; transition: 0.3s;}
.btn_item.red:hover{ background-color: #fff; color: #fff; border: 1px solid #e10000;}
.btn_item.pink{ background-color: #f1859e; color: #fff; border: 1px solid #f1859e; transition: 0.3s;}
.btn_item.pink:hover{ background-color: #fff; color: #f1859e; border: 1px solid #f1859e;}
.btn_item.neonpink{ background-color: #f53c68; color: #fff; border: 1px solid #f53c68; transition: 0.3s;}
.btn_item.neonpink:hover{ background-color: #fff; color: #f53c68; border: 1px solid #f53c68;}
.btn_item.peachpink{ background-color: #f7dfcb; color: #fff; border: 1px solid #f7dfcb; transition: 0.3s;}
.btn_item.peachpink:hover{ background-color: #fff; color: #f7dfcb; border: 1px solid #f7dfcb;}
.btn_item.orange{ background-color: #f84709; color: #fff; border: 1px solid #f84709; transition: 0.3s;}
.btn_item.orange:hover{ background-color: #fff; color: #f84709; border: 1px solid #f84709;}
.btn_item.yellow{ background-color: #f89407; color: #fff; border: 1px solid #f89407; transition: 0.3s;}
.btn_item.yellow:hover{ background-color: #fff; color: #f89407; border: 1px solid #f89407;}
.btn_item.green{ background-color: #1d7a48; color: #fff; border: 1px solid #1d7a48; transition: 0.3s;}
.btn_item.green:hover{ background-color: #fff; color: #1d7a48; border: 1px solid #1d7a48;}
.btn_item.lightgreen{ background-color: #91bd8c; color: #fff; border: 1px solid #91bd8c; transition: 0.3s;}
.btn_item.lightgreen:hover{ background-color: #fff; color: #91bd8c; border: 1px solid #91bd8c;}
.btn_item.blue{ background-color: #2466c8; color: #fff; border: 1px solid #2466c8; transition: 0.3s;}
.btn_item.blue:hover{ background-color: #fff; color: #2466c8; border: 1px solid #2466c8;}
.btn_item.indigo{ background-color: #091360; color: #fff; border: 1px solid #091360; transition: 0.3s;}
.btn_item.indigo:hover{ background-color: #fff; color: #091360; border: 1px solid #091360;}
.btn_item.purple{ background-color: #9528d3; color: #fff; border: 1px solid #9528d3; transition: 0.3s;}
.btn_item.purple:hover{ background-color: #fff; color: #9528d3; border: 1px solid #9528d3;}
.btn_item.black{ background-color: #222222; color: #fff; border: 1px solid #222222; transition: 0.3s;}
.btn_item.black:hover{ background-color: #fff; color: #222222; border: 1px solid #222222;}
.btn_item.white{ background-color: #fff; color: #222222; border: 1px solid #222222; transition: 0.3s;}
.btn_item.white:hover{ background-color: #222222; color: #fff; border: 1px solid #fff;}
.btn_item.coral{ background-color: #ff9b77; color: #fff; border: 1px solid #ff9b77; transition: 0.3s;}
.btn_item.coral:hover{ background-color: #fff; color: #ff9b77; border: 1px solid #ff9b77;}

.btn_item.gray{ background-color: #aea9ba; color: #fff; border: 1px solid #aea9ba; transition: 0.3s;}
.btn_item.gray:hover{ background-color: #fff; color: #aea9ba; border: 1px solid #aea9ba;}

.btn_item.white_to_indigo{ background-color: #fff; color: #091360; border: 1px solid #091360; transition: 0.3s;}
.btn_item.white_to_indigo:hover{ background-color: #091360; color: #fff; border: 1px solid #091360;}
.btn_item.white_to_yellow{ background-color: #fff; color: #f89407; border: 1px solid #f89407; transition: 0.3s;}
.btn_item.white_to_yellow:hover{ background-color: #f89407; color: #fff; border: 1px solid #f89407;}

.border_top1{ border-top: 1px solid #babcc0;}

.sub_cont_wrap{ font-family: 'NanumSquareAc';}
.sub_cont_inner{}
.sub_section{}
.sub_section h3.title{text-align: center;font-family: 'NanumSquareAc';font-size: 4rem;}

.card_content_inner{display: flex;flex-direction: row;flex-wrap: wrap;align-content: space-around;justify-content: space-between;align-items: flex-start;gap: 3rem;row-gap: 5rem;}
.column_line1 .card_content{ width: calc((100% - 0px) / 1);}
.column_line2 .card_content{ width: calc((100% - 20px) / 2);}
.column_line3 .card_content{width: calc((100% - 60px) / 3);}
.column_line4 .card_content{ width: calc((100% - 60px) / 4);}
.column_line5 .card_content{ width: calc((100% - 80px) / 5);}
.column_line1 .card_content.full{ width: 100%;}
.card_content{ margin-bottom: 4rem;transition:0.3s;}

.card_content .top{}
.card_content .middle{}
.card_content .bottom{}
.card_content .capsule{}
.card_content .info_tit{}

.thum_img{ width: auto;}
.thum_img.min{ width: 210px;}
.thum_img.small{ width: 320px;}
.thum_img.half{ width: 50%;}
.thum_img.big{ width: 95%;}
.thum_img.max{ width: 75%;}
.thum_img.full{ width: 100%;}
.full_img{ width: 100%;}