@media only screen and (max-width: 768px) {

	
	
	
body { margin: 0; padding: 0 }
div { box-sizing: border-box }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.02em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration: none !important }
a:hover { text-decoration: none !important }
dl,ul,menu,li {list-style:none}
@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 
.p_br { display: block }
.m_none { display: none !important }
.pc_none { display: flex !important }
.m_br { display: block }


/* ·Î±×ÀÎ */
.login_wrap { width: 100%; height: 100%; display: flex; align-items: center; flex-direction: row; justify-content: center }
.login_wrap .detail { text-align: center }
.login_wrap .login { margin-top: 40px; width: 100%; border: 1px solid #ddd; border-radius: 5px }
.login_wrap .login input { width: 100%; border: 0 }
.login_wrap .login .id { padding: 5px; border-bottom: 1px solid #ddd }
.login_wrap .login .pw { padding: 5px }
.login_input { height: 40px; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #333; padding: 0 10px }
.login_input::placeholder { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #999; font-weight: 300 }
.login_wrap .btn { margin-top: 15px }
.login_wrap .save { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #666; text-align: left; margin-top: 5px }
.login_wrap .save label { cursor: pointer }
.login_wrap .img { margin-top: 40px }
.login_wrap .copyright { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #666 }
.btn_login { width: 100%; height: 60px; border: 0; background: #ec3d42; border-radius: 5px; font-size: 20px; color: #fff; cursor: pointer }


.header_bar { min-width: 1460px; height: 90px; text-align: center; background: url('../img/img_header_barbg.jpg') repeat-x center 0 }
.header_menu { width: 1460px; height: 110px; display: flex; margin: 0 auto }
.header_menu .logo { position: relative; left: 30px; width: 230px; display: flex; flex-direction: column; justify-content: center }
.jclgift { display: block; text-align: center; color: #fff; font-size: 14px; font-weight: 500; background: #EB3D44; padding: 8px 8px 0 8px }

.header_menu .menu { width: 1200px; z-index: 999 }
.header_menu .menu > nav > ul { display: flex; margin-left: 96px; text-align: center }
.header_menu .menu > nav > ul > li { display: inline-block;height: 100% }
.header_menu .menu > nav > ul > li > a { display: inline-block; height: 100%; padding: 0 41px; font-size: 22px; color: #222; line-height: 110px; letter-spacing: 0 }

.sub-menu-parent { position: relative }
.sub-menu { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s }
.sub-menu-parent:focus .sub-menu,.sub-menu-parent:focus-within .sub-menu,.sub-menu-parent:hover .sub-menu { visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s }

.sub-menu { margin-top: -20px; padding: 20px 0; border-radius: 10px; box-shadow: 1px 1px 3px 1px #ccc; background: #fff }
.sub-menu > li > a { display: block; font-size: 18px; color: #222; padding: 10px 0 }
.sub-menu > li > a:hover { color: #f20000 }

.header_menu .login { width: 230px; display: flex; flex-direction: column; justify-content: center }
.header_menu .login > ul { display: flex; justify-content: space-between }
.header_menu .login > ul li:nth-child(2) img { cursor: pointer }

/* ÇÏ´Ü */
.footer { width: 100%; min-width: 1460px; height: 420px; background-color: #04141f; padding: 0 8px;  }
.footer_menu { height: 60px; border-bottom: 1px solid #36434c }
.footer_menu > ul { display: flex; margin: 0 auto; width: 1200px }
.footer_menu > ul > li { margin-right: 55px }
.footer_menu a { display: inline-block; height: 100%; line-height: 60px; font-size: 18px; font-weight: 400; color: #778189 }

.mobile-top-bar { display: none }

.footer_bottom { display: flex; margin: 0 auto; padding: 50px 0; width: 1200px; border-bottom: 1px solid #1E2C36 }
.footer_logo { width: 275px }
.footer_add { width: 595px }
.footer_info { width: 330px }
.host { min-width: 1460px; text-align: center; padding: 10px 0 70px; font-family: 'Dotum'; font-size: 11px; color: #fff }

.footer_logo { padding-top: 7px }
.footer_add { font-size: 14px; color: #9ba5ad; line-height:22px; }
.footer_add a {color:#9ba5ad;} 
.footer_info > div:nth-child(1) { font-size: 16px; color: #fff }
.footer_info > div:nth-child(2) { margin-top: 2px; font-size: 32px; color: #fff; font-weight: 700 }
.footer_info > .time { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 7px; font-size: 14px; color: #fff; font-weight: 300 }
.footer_info > .time > div { width: 50%; margin-bottom: 4px;  line-height: 24px }
.footer_info > .time > div:nth-child(2n) { padding-left: 5px }
.footer_info > .time > div > strong { display: inline-block; margin-right: 15px; color: #D7E2EB }
.footer_info > .time > .active { background: #324b5d }

.swiper { width: 100%; height: auto }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center }
.swiper-slide img { margin: 0 auto; display: block; width: 100%; height: auto; object-fit: cover }

.mobile-menu { cursor: pointer; display: block; position: fixed; top: 8px; left: 8px; z-index: 500; width: 45px; height: 45px; padding: 5px; border: 0; background-color: #fff; color: #222 }
.mobile-menu img { width: 100% }
.menuwrap {
    position: fixed;
    top: 0;
    left: -100%; /* ³Êºñ 300px ÀÎ »çÀÌµå¹Ù¸¦ ¿ÞÂÊÀ¸·Î 300px ÀÌµ¿½ÃÄÑ È­¸é¿¡ º¸ÀÌÁö ¾Ê°Ô ÇÔ */
    z-index: 400;
    overflow: auto;
    width: 100%; /* ³Êºñ */
    height: 100%;
    padding: 0 0;
    box-sizing: border-box;
    transition: left .3s ease-in-out; /* 0.3ÃÊ µ¿¾È ÀÌµ¿ ¾Ö´Ï¸ÞÀÌ¼Ç */
    background-color: #fff;
}
.menuwrap.on {
    left: 0;
}
#dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
}	

.mobile-menu {display:none}


@media only screen and (max-width: 768px) {
	.m_br { display: block }
	.p_br { display: inline-block }

	.header_bar,.header_menu .menu,.header_menu .login { display: none !important }
	.header_menu { width: 100%; height: 60px; display: flex; margin: 0 auto }
	.header { position: fixed; z-index: 9; width: 100%; background: #fff }
	.header_menu .logo { margin: 0 auto; text-align: center }
	.header_menu .logo img { height: 35px }

	.mobile-top-bar { display: block }
	.footer { margin-top: 60px;min-width: 100%; height: auto }
	.footer_menu,.footer_logo,.footer_info { display: none }
	.footer_add { padding: 20px 15px }
	.footer_bottom { width: 100% !important; padding: 0 !important }

	.host { min-width: 100% }
	.swiper { width: 100%; height: auto }

	.mobile-menu { display: block }
	}	

/* SECTION 2 */
.sec2 { width: 100%; background: #f8f8f8; text-align: center }
.sec2_contain { width: 1460px; margin: 0 auto; padding: 157px 0 53px; background: url('../img/bg_sec2.jpg') no-repeat; background-position: center top }
.sec2_contain p { font-family: 'GmarketSans'; font-size: 50px; color: #333; line-height: 100%; font-weight: 500}
.sec2_contain strong { display: inline-block; margin: 17px 0 48px; font-family: 'GmarketSans'; font-size: 70px; color: #222; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }
.sec2_contain span { font-family: 'GmarketSans'; color: #fd2024 }
.sec2_check { width: 100%; height: 100%; margin: 0 auto; background: url('../img/img_sec2_01.png') no-repeat; background-size: 150%; background-position: center top }
.sec2_check > ul { margin: 0 auto; width: 100%; padding: 32% 0 30% 19%; box-sizing: border-box }
.sec2_check > ul > li { font-size: 14px; text-align: left; line-height: 180%; letter-spacing: -0.06em }
.sec2_check > ul > li span { display: inline-block; position: relative; top: 3px; margin-right: 5px; border: 2px solid #000; width: 12px; height: 12px }
.sec2_contain strong.part2 { position: relative; top: -83px; margin-bottom: -83px; line-height: 80px }

/* SECTION 3 */
.sec3 { width: 100%; min-width: 1460px; background: url('../img/bg_sec3.jpg') no-repeat #4000b6; background-position: center bottom }
.sec3_contain { min-width: 1460px; padding: 130px 0 0; text-align: center }
.sec3_contain p { font-family: 'GmarketSans'; font-size: 50px; color: #d7baff; line-height: 100%; font-weight: 500}
.sec3_contain strong { display: inline-block; margin: 17px 0 25px; font-family: 'GmarketSans'; font-size: 70px; color: #fff; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }

.sec3_list { width: 1200px; margin: 0 auto }
.sec3_arrow { width: 1200px; margin: -355px auto 0; text-align: right }
.sec3_arrow img { margin-left: 260px }
.sec3_list ul li { display: inline-block; margin: 20px 13px }
.sec3_list ul li > div { margin: 0 auto; width: 335px; height: 370px; box-sizing: border-box; border-radius: 20px; padding: 40px 0 }
.sec3_list ul li .no { display: inline-block; height: 34px; border-radius: 21px; padding: 0 16px; font-family: 'GmarketSans'; font-size: 13px; color: #fff; font-weight: 700; line-height: 34px; letter-spacing: -0.04em }
.sec3_list ul li .title { margin-top: 13px; font-family: 'GmarketSans'; font-size: 30px; color: #222; font-weight: 700; line-height: 34px; letter-spacing: -0.04em }
.sec3_list ul li .title span { font-family: 'GmarketSans' }
.sec3_list ul li .text { margin-top: 14px; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #777; font-weight: 400; line-height: 30px; letter-spacing: -0.04em }

.sec3_list ul li:nth-child(1) > div { background: #f4e4fe }
.sec3_list ul li:nth-child(2) > div { background: #e9f6ff }
.sec3_list ul li:nth-child(3) > div { background: #fff0f2 }
.sec3_list ul li:nth-child(4) > div { background: #fffae8 }
.sec3_list ul li:nth-child(5) > div { background: #f5ffe0 }

.sec3_list ul li:nth-child(1) .no { background: #be4eff }
.sec3_list ul li:nth-child(2) .no { background: #1b91ff }
.sec3_list ul li:nth-child(3) .no { background: #ff4e6b }
.sec3_list ul li:nth-child(4) .no { background: #f8c100 }
.sec3_list ul li:nth-child(5) .no { background: #93c40e }

.sec3_list ul li:nth-child(1) .title span { color: #be4eff }
.sec3_list ul li:nth-child(2) .title span { color: #1b91ff }
.sec3_list ul li:nth-child(3) .title span { color: #ff4e6b }
.sec3_list ul li:nth-child(4) .title span { color: #f8c100 }
.sec3_list ul li:nth-child(5) .title span { color: #93c40e }

/* SECTION 4 */
.sec4 { background: url('../img/bg_sec4.jpg') no-repeat #1f1f1f; padding: 60px 0 20px }
.sec4_contain { text-align: center }
.sec4_contain p { font-family: 'Noto Sans KR', sans-serif; font-size: 30px; color: #fff; line-height: 100%; font-weight: 500 }
.sec4_contain strong { display: inline-block; margin: 30px 0 60px; font-family: 'GmarketSans'; font-size: 60px; color: #fff; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }

.mySwiperb { width: 100%; min-height: 420px; margin: 20px 0 0;}
.mySwiperb > div > .swiper-slide { border-radius: 20px; min-width: 300px; padding: 20px; height: auto; box-sizing: border-box }
.mySwiperb > div > .swiper-slide div { text-align: left; font-family: 'Noto Sans KR', sans-serif; color: #222 }
.swiper4_list > .no { display: inline-block; padding: 0 15px; height: 30px; border-radius: 15px; background: #f1f1f1; font-size: 12px; line-height: 32px; font-weight: 400; letter-spacing: -0.02em }
.swiper4_list > .title { font-size: 18px; font-weight: 500; letter-spacing: -0.02em }
.swiper4_list > .text { font-size: 16px; line-height: 22px; font-weight: 300; letter-spacing: -0.04em }

/* SECTION 5 */
.sec5 { background: url('../img/bg_sec5.jpg') no-repeat #f5f5f5; background-position: center top }
.sec5_contain { text-align: center; padding-top: 160px }
.sec5_contain p { font-family: 'Noto Sans KR', sans-serif; font-size: 30px; color: #222; line-height: 100%; font-weight: 400 }
.sec5_contain strong { display: inline-block; margin: 20px 0 40px; font-family: 'GmarketSans'; font-size: 70px; color: #222; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }
.box_title { width: 92%; margin: 0 auto; background: #fff; border-radius: 14px; border: 4px solid #ed3535; padding: 10px 0; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #222; line-height: 130%; font-weight: 500 }
.box_title > span { font-family: 'Noto Sans KR', sans-serif; color: #ed3535 }

.question { margin: 0 auto 0; width: 92% !important }
.question_list > div:nth-child(1) { width: 100% }
.question_list > div:nth-child(2) { width: 80% }
.question_list > div:nth-child(3) { width: 80% }

.question_list > div:nth-child(2) { display: none }
.question_list > div:nth-child(3) { margin-left: 30px; padding: 10px 0; box-sizing: border-box; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #222; line-height: 25px; font-weight: 400; letter-spacing: -0.04em }
.question_list > div:nth-child(3) > span { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #222; line-height: 25px; font-weight: 700 }
.question_list > div:nth-child(3) > img { width: 28px; position: absolute; margin-top: -2px; margin-left: 5px;}

.question_list { display: block; padding: 20px 0 20px; border-bottom: 1px solid #cbcbcb }
.question_list .title { margin-left: 30px; text-align: left; font-family: 'GmarketSans'; font-size: 22px; color: #222; font-weight: 700; line-height: 20px; letter-spacing: -0.04em }
.question_list .title > span { font-family: 'GmarketSans'; font-size: 22px; color: #ed3535; letter-spacing: -0.04em }
.question_list .bubble { height: 55px; background: url('../img/img_sec5_bubble.png') no-repeat; background-size: auto 60px; text-align: left }
.question_list .bubble > div { display: inline-block; margin-left: 30px; padding-right: 20px; height: 43px; border-radius: 22px; background: #fff; text-align: left; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #222; line-height: 43px; letter-spacing: -0.04em; font-weight: 400 }
.question_list .bubble span { display: inline-block; margin-right: 10px; width: 30px; height: 30px; border-radius: 18px; background: #222; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #fff; line-height: 27px; font-weight: 400 }


/* SECTION 6 */
.sec6 { background: url('../img/bg_sec6.jpg') no-repeat #D82123; background-position: center top; padding: 135px 0 50px; box-sizing: border-box }
.sec6_contain { text-align: center }
.sec6_contain p { font-family: 'Noto Sans KR', sans-serif; font-size: 60px; color: #fff; line-height: 100%; font-weight: 500 }
.sec6_contain strong { display: block; margin: 30px 0 60px; font-family: 'GmarketSans'; font-size: 80px; color: #ffea00; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }

/* SECTION 7 */
.sec7 { padding: 120px 0; box-sizing: border-box }
.sec7_contain { width: 1200px; margin: 0 auto; text-align: center }
.sec7_contain strong { display: inline-block; margin: 30px 0 10px; font-family: 'GmarketSans'; font-size: 60px; color: #222; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }

.sec7_wrap ul { display: flex; flex-wrap: wrap }
.sec7_wrap ul li { margin: 60px 0 0 20px }
.sec7_wrap ul li:nth-child(4n+1) { margin: 60px 0 0 0 }
.sec7_list { margin: 0 auto; width: 100%; text-align: center; box-sizing: border-box }
.sec7_list h1 { display: block; font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 30px; font-weight: 700; margin-bottom: 5px }
.sec7_list .more { display: inline-block; padding: 7px 20px; border: 2px solid #fff; font-size: 18px; color:#fff; letter-spacing: -0.04em }

.snip1361 { position: relative; overflow: hidden; min-width: 100%; max-width: 100%; width: 100% }
.snip1361 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease }
.snip1361 img { max-width: 100%; vertical-align: top; border: 5px solid #f3f3f3 }
.snip1361 figcaption { display: flex; flex-direction: column; justify-content: center; position: absolute; top: calc(100%); width: 100%; height: 100%;  background-color: #000; opacity: 0.6 }
.snip1361 figcaption:before { position: absolute; content: ''; z-index: 2; bottom: 100% ; left: 0; width: 100%; height: 100% }
.snip1361 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2 }
.snip1361:hover figcaption,.snip1361.hover figcaption { top: 0 }	

.sample_more { display: inline-block; width: 246px; height: 60px; border-radius: 30px; margin-top: 60px; background: #ed3535; text-align: center; font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 16px; font-weight: 400; line-height: 60px }
.sample_more img { margin-left: 40px }

/* SECTION 8 */
.sec8 { background: #f8f8f8; padding: 30px 0 90px }
.sec8_contain { text-align: center }
.sec8_contain strong { display: inline-block; margin: 0 0 20px; font-family: 'GmarketSans'; font-size: 23px; color: #222; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }

.sec8_contain .faq { margin: 0 auto; padding: 0 15px; width: 95%; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-bottom: 10px; background: #fff; box-sizing: border-box; }
.sec8_contain .faq_question { padding: 15px 45px 16px 0; cursor: pointer; line-height:24px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #333; text-align: left; position: relative }
.sec8_contain .faq_question:hover { color: red }
.sec8_contain .faq_question span { position: relative; top: 2px; margin: 0 15px 0 5px; display: inline-block; font-family: 'GmarketSans' !important; font-size: 30px; color: #ddd; font-weight: 700 }
.sec8_contain .faq_question::before,.sec8_contain .faq_question::after { position: absolute; top: 50%; right: 5px; transform: translate3d(0, -50%, 0); content: ""; width: 31px; height: 31px; background-position: right center; background-repeat: no-repeat }
.sec8_contain .faq_question::before { color: red;display: inline-block; background-image: url("../img/img_sec8_viewa.png") }
.sec8_contain .faq_question::after { display: none; background-image: url("../img/img_sec8_viewb.png") }
.sec8_contain .faq.open .faq_question { color: red; border-bottom: 1px solid #ddd }
.sec8_contain .faq.open .faq_question::before { display: none }
.sec8_contain .faq.open .faq_question::after { display: block }
.sec8_contain .faq_answer_container {height: 0; overflow: hidden; padding: 0 }
.sec8_contain .faq_answer{ padding: 15px 0; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #333; text-align: left }

#faq { width: 100% !important; margin: 20px auto }
.qna-list { border-top: 3px solid #000 }
.qna-list,.qna-list div { box-sizing: border-box }
.qna-item { margin-top: 0; border-bottom: 1px solid #f0f0f0 }
.qna-item:hover { background: #fafafa }
.qna-item .question-article { border-bottom: 0; text-align:left }
.qna-item .question-article::before { display: inline-block }
.qna-item .question-article::after { display: none}

.qna-item:first-child .question-article {border-top:0}
.qna-item.on .question-article { border-bottom: 2px solid #ddd}
.qna-item.on + .qna-item .question-article {border-top:0;}

.qna-item .question { width: 100%; display:block; position:relative; padding: 13px 10px 10px 10px !important; background: url('../img/img_sec8_viewa.png') no-repeat 1150px 50%; color:#000; font-size: 16px;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  transition:all 0.3s ease;
;}

.qna-item.on .question { background:url('../img/img_sec8_viewb.png') no-repeat 1150px 50%; background-color: #FAFAFA; font-size:16px; font-weight: 500; color: #EC3D42 }
.qna-item .question span.q { margin-right: 10px; display: inline-block; font-family: 'GmarketSans' !important; font-size: 22px; color: #222; font-weight: 700 }
.qna-item .answer-article span.a { margin-right: 10px; display: inline-block; font-family: 'GmarketSans' !important; font-size: 22px; color: #EC3D42; font-weight: 700 }
.qna-item .answer-article > div { font-family: 'Noto Sans KR', sans-serif; font-size: 16px;color: #333 }
.qna-item .answer-article {display:none; padding:20px; border:0; background: #fafafa; color:#666; font-size:16px; line-height:24px; text-align:left }

/* SECTION 9 */
.sec9 { background: #fff; padding: 15px 0 }
.sec9_contain { text-align: center }

.banner_wraper { margin: 0 auto; width: 100%; height: 69px;}
.banner_wraper span { display: inline-block; position: absolute }
.banner_wraper img { margin: 0 20px; filter: grayscale(100%) }

@media only screen and (max-width: 768px) {
	.container { min-width: 100%; position: relative; top: 60px }
	.sec2_contain { width: 100%; margin: 0 auto; background: url('../img/bg_sec2.jpg') no-repeat; background-position: 10% center; background-size: 100% auto; text-align: center; padding: 40px 0 0;}
	.sec2_contain p { font-family: 'GmarketSans'; font-size: 20px; color: #333; line-height: 50%; font-weight: 500}
	.sec2_contain strong { display: inline-block; margin: 14px 0 25px; font-family: 'GmarketSans'; font-size: 23px; color: #222; font-weight: 700; line-height: 90% }
	.sec2_contain strong.part2 { position: relative; top: -53px; margin-bottom: -53px; line-height: 30px }

	.sec3 { width: 100%; min-width: 100%; background: #4000b6; background-position: center bottom }
	.sec3_contain { min-width: 100%; padding: 40px 0 10px; text-align: center }
	.sec3_contain p { font-family: 'GmarketSans'; font-size: 20px; color: #d7baff; line-height: 90%; font-weight: 500}
	.sec3_contain strong { display: inline-block; margin: 13px 0 5px; font-family: 'GmarketSans'; font-size: 28px; color: #fff; font-weight: 700; line-height: 90%; letter-spacing: -0.04em }

	.sec3_list { width: 100%; margin: 0 auto }
	.sec3_list ul li { display: block }
	.sec3_list ul li > div { padding: 25px 0; height: auto }
	.sec3_list ul li .title { margin-top: 13px; font-family: 'GmarketSans'; font-size: 23px; color: #222; font-weight: 700; line-height: 30px; letter-spacing: -0.04em }
	.sec3_list ul li .text { margin-top: 12px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #666; font-weight: 400; line-height: 26px; letter-spacing: -0.04em }
	.sec3_arrow { display: none }

	.sec4 { background: url('../img/bg_sec4.jpg') no-repeat #1f1f1f; padding: 40px 0 20px !important;}
	.sec4_contain { text-align: center }
	.sec4_contain p { font-family: 'Noto Sans KR', sans-serif; font-size: 18px !important; color: #fff; line-height: 80% !important; font-weight: 400;}
	.sec4_contain strong { display: inline-block; margin: 20px 0 0; font-family: 'GmarketSans'; font-size: 28px !important; color: #fff; font-weight: 700; line-height: 80% !important; letter-spacing: -0.04em }

	.sec5 { background: #f5f5f5 }
	.sec5_contain { text-align: center; padding-top: 40px;}
	.sec5_contain p { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #444; line-height: 100%; font-weight: 400 }
	.sec5_contain strong { display: inline-block; margin: 15px 0 20px; font-family: 'GmarketSans'; font-size: 26px; color: #222; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }


	/* SECTION 6 */
	.sec6 { background: url('../img/bg_sec6.jpg') no-repeat #D82123; background-position: center top; padding: 30px 0 10px; box-sizing: border-box }
	.sec6_contain { text-align: center }
	.sec6_contain p { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #fff; line-height: 100%; font-weight: 500 }
	.sec6_contain strong { display: inline-block; margin: 12px 0 15px; font-family: 'GmarketSans'; font-size: 28px; color: #ffea00; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }
	.sec6_contain img { width: 94% }

	/* SECTION 7 */
	.sec7 { padding: 30px 0; box-sizing: border-box }
	.sec7_contain { width: 92%; margin: 0 auto; text-align: center }
	.sec7_contain strong { display: inline-block; margin: 10px 0 20px; font-family: 'GmarketSans'; font-size: 28px; color: #222; font-weight: 700; line-height: 100%; letter-spacing: -0.04em }

	.sec7_wrap ul { display: flex; flex-wrap: wrap }
	.sec7_wrap ul li { margin: 0 10px 20px 0; flex: 1 1 42%; align-self: stretch; justify-content: space-between }
	.sec7_wrap ul li:nth-child(2n+1) { margin: 0 10px 20px 0 }
	.sec7_list { margin: 0 auto; width: 100%; text-align: center; box-sizing: border-box }
	.sec7_list h1 { display: block; font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 23px; font-weight: 700 }
	.sec7_list .more { display: inline-block; padding: 5px 15px; border: 2px solid #fff; font-size: 16px; color:#fff; letter-spacing: -0.04em }

	.snip1361 { position: relative; overflow: hidden; min-width: 100%; max-width: 100%; width: 100% }
	.snip1361 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease }
	.snip1361 img { max-width: 100%; vertical-align: top; border: 5px solid #f3f3f3 }
	.snip1361 figcaption { display: flex; flex-direction: column; justify-content: center; position: absolute; top: calc(100%); width: 100%; height: 100%;  background-color: #000; opacity: 0.6 }
	.snip1361 figcaption:before { position: absolute; content: ''; z-index: 2; bottom: 100% ; left: 0; width: 100%; height: 100% }
	.snip1361 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2 }
	.snip1361:hover figcaption,.snip1361.hover figcaption { top: 0 }	

	.sample_more { display: inline-block; width: 150px; height: 40px; border-radius: 20px; margin-top: 0; background: #ed3535; text-align: center; font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 16px; font-weight: 400; line-height: 40px }
	.sample_more img { margin-left: 20px;}


	/* SECTION 9 */
	.sec9 { background: #fff; padding: 15px 0 }
	.sec9_contain { text-align: center }

	.banner_wraper { margin: 0 auto; width: 100%; height: 69px }
	.banner_wraper span { display: inline-block; position: absolute }
	.banner_wraper img { margin: 0; filter: grayscale(100%) }
}

/* AÆÇÃË¹°Ã¢¾÷ - Àü±¹Áö»ç °³¼³ÇöÈ² */
.subtab_contentx { margin: 0 auto; width: 100% }
.sub_tabsx { margin: 10px auto 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between }
.sub_tabsx li{ order: 1; box-sizing: border-box; display: block; margin-bottom: 6px; width: 16%; height: 31px; line-height: 31px; text-align: center; cursor: pointer; background: #fff; font-size: 14px; font-weight: 400; transition: background ease 0.2s; border: 1px solid #ddd; }
ul.sub_tabsx li.active { background: #dd0034; color: #fff; display: block }


/* È¸»ç¼Ò°³ */
/* È¸»ç¼Ò°³ SUB-A*/
.suba_bg { background: url('../img/suba_bg_top.jpg') no-repeat center bottom; background-color: #455269; background-size: auto 100% }
.subb_bg { background: url('../img/subb_bg_top.jpg') no-repeat center bottom; background-color: #444C5F; background-size: auto 100% }
.subc_bg { background: url('../img/subc_bg_top.jpg') no-repeat center bottom; background-color: #3E4557; background-size: auto 100% }
.subd_bg { background: url('../img/subd_bg_top.jpg') no-repeat center bottom; background-color: #444A5A; background-size: auto 100% }
.sube_bg { background: url('../img/sube_bg_top.jpg') no-repeat center bottom; background-color: #455269; background-size: auto 100% }
.subf_bg { background: url('../img/subf_bg_top.jpg') no-repeat center bottom; background-color: #455269; background-size: auto 100% }
.import_bg { background: url('../img/import_bg_top.jpg') no-repeat center bottom; background-color: #41495e; background-size: auto 100% }

.top_main { width: 100%; height: auto; padding: 20px 0; text-align: center; display: flex; flex-direction: column; justify-content: center }
.top_main > div > h1 { font-size: 24px; color: #fff; line-height: 46px;}
.top_main > div > p { font-size: 14px; color: #cbd3e5;}


.subtab_content > h2 { font-size: 24px; color: #222; text-align: center; font-weight: 500; line-height: 30px; padding-bottom:7px;}
.subtab_content > h2 strong { font-weight: 500;}
.subtab_content > h3 { font-size: 18px; color: #222; text-align: center }
.subtab_content > h4 { margin:3px 0 20px 0; font-size: 16px; color: #666; line-height: 20px; text-align: center; letter-spacing: -1px; }
.subtab_content > p { margin-top: 15px; font-size: 16px; color: #666; font-weight: 300; line-height: 25px; text-align: center }

.tabs { margin: 50px auto 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between }
.tabs label { order: 1; box-sizing: border-box; display: block; margin-bottom: 6px; width: 128px; height: 41px; line-height: 41px; text-align: center; cursor: pointer; background: #fff; font-weight: 400; transition: background ease 0.2s; border: 1px solid #ddd; }

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label { order: initial; }
  .tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; }
}

.sub_tabs_wrap { width: 100%; position: sticky; top: 60px; z-index: 99; background: url('../img/tab_underbar.gif') repeat-x 0 64px; background-color: #fff;  /*box-shadow: 0 0 1 10px #ddd inset*/ }
.sub_tabs_wrap .sub_tabs { width: 100%; margin: 0 auto; display: flex; justify-content: space-around; list-style: none; height: 50px }
.sub_tabs_wrap .sub_tabs li { flex-grow: 1; cursor: pointer; padding: 0px 5px; height: 50px; box-sizing: border-box; line-height: 50px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; color: #222; overflow: hidden; position: relative; text-align: center; font-size: 13px; word-spacing: -0.06em }
.tab_last { border-right: 1px solid #ddd; }
ul.sub_tabs li.active { border-bottom: 3px solid #f20000; display: block }
.subtab_container { margin: 0 auto; width: 100%; padding: 10px }
.subtab_content { padding: 25px 15px; display: none }
.subtab_content .sign { margin-top: 25px; font-size: 17px; color: #222; text-align: center }
.subtab_content .sign > strong { margin-left: 10px; font-family: 'Cafe24Shiningstar' !important; font-size: 40px; color: #222; font-style: italic }

.suba_list { width: 100%; margin: 20px auto; display: block; justify-content: space-between; background: url('../img/suba_bg_list.gif') no-repeat center 140px }
.suba_list > div { width: 100%; margin-bottom: 20px; padding: 20px; background: #f8f8f8; border-radius: 20px; text-align: center }
.suba_list > div > img { text-align: center; width: 25% }
.suba_list > div > strong { margin-top: 15px; display: block; font-size: 20px; color: #222; font-weight: 600; line-height: 30px }
.suba_list > div > p { margin-top: 10px; font-size: 16px; color: #666; font-weight: 300; line-height: 25px }
.tab_drawer_heading { display: none; }

.suba_tab3_img { margin: 20px auto 0; width: 100%; text-align: center }
.suba_tab3_img img { width: 100% }

@media screen and (max-width: 480px) {
	.sub_tabs { /*display: none !important*/ }
	.subtab_container { margin: 0 auto; width: 100% }
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active { background-color: #efefef; border-bottom: 1px solid #ddd; color: #222 }
}

.tab > .title { margin-top: 10px; width: 100%; height: 35px; line-height: 35px; background: url('../img/subb_icon_title.png') no-repeat 20px 10px; background-size: auto 15px; background-color: #45526a; padding-left: 57px; font-size: 16px; font-weight: 700; color: #fff }
.tab > .title > span { height: 20px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #7e7e7f; font-size: 16px; color: #fff }
.tbl_sub_b,.tbl_sub_b th,.tbl_sub_b td{ border: 0 }

.tbl_sub_b { width: 100% !important; margin-bottom: 0; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; border-collapse: collapse  }
.tbl_sub_b td { display: block; height: 35px; background: url('../img/subb_icon_place.jpg') no-repeat 17px 7px; padding-left: 57px; border-bottom: 1px solid #ddd; vertical-align: middle; line-height: 35px; font-size: 14px; color: #666; text-align: left }

/* B»ç¾÷¼Ò°³ */
.subb_mainbg { margin-top: 20px; height: auto; background: url('../img/subb_bg_main.jpg') no-repeat center top; background-color: #000; background-size: auto 100%; background-attachment: fixed; display: block; flex-direction: column; justify-content: center }
.subb_mainwrap { display: flex; width: 100%; margin: 0 auto; padding: 20px; font-size: 16px; color: #fff; line-height: 25px; font-weight: 300 }
.subb_mainwrap > .img { display: none !important; width: 300px; padding-left: 25px; display: flex; flex-direction: column; justify-content: center }

.sub_basic { width: 100%; margin: 0 auto }
.sub_basic h2 { margin-top: 20px; font-size: 18px; color: #222; font-weight: 700; letter-spacing: -0.04em }
.sub_basic h2 span { color: #F20000 }
.sub_basic p { margin-top: 10px; font-size: 16px; color: #666; font-weight: 300; letter-spacing: -0.02em; line-height: 25px }
.sub_basic p span { color: #222; font-weight: 500 }

/* B»ç¾÷¼Ò°³ - ÆÇÃË¹°ÀÌ¶õ? */
.subb_list { margin-top: 20px; display: block; justify-content: space-between }
.subb_list_s { width: 100%; background: #f8f8f8 }
.subb_list_s img { width: 100% }
.subb_list_s > div:nth-child(2) { padding: 12px 22px 25px }
.subb_list strong { font-size: 18px; color: #222; font-weight: 700 }
.subb_list p { font-size: 16px; color: #666; line-height: 25px; letter-spacing: -0.02em }

/* B»ç¾÷¼Ò°³ - »ç¾÷Æ¯Â¡ */
.subb_img_tab2_top { text-align: center }
.subb_img_tab2_top img { width: 100% }
.subb_tab2_list { width: 100%; margin: 20px auto 0 }
.subb_tab2_list_s { display: block; padding: 15px 0 }
.subb_tab2_list_s .img img { width: 100% }
.subb_tab2_list_s:nth-child(2n) { justify-content: space-between; background: #f4f7fa; padding: 5px 15px 15px }
.subb_tab2_list_s > div:nth-child(1) { margin-right: 0 }
.subb_tab2_list_s .text { display: flex; flex-direction: column; justify-content: center }
.subb_tab2_list_s .text strong { display: block; margin-top: 15px; margin-bottom: 10px; font-size: 16px; color: #222; font-weight: 700 }
.subb_tab2_list_s .text p { margin-bottom: 10px; font-size: 16px; color: #666; font-weight: 300 }

/* B»ç¾÷¼Ò°³ - »ç¾÷Àü¸Á */
.subb_tab3_list { width: 100%; margin: 0 auto; display: block; justify-content: space-between }
.subb_tab3_list > div { width: 100%; margin-bottom: 15px }
.subb_tab3_list > div:nth-child(1) .img { font-size: 15px }
.subb_tab3_list .img img { width: 100% }
.subb_tab3_list .text { height: auto; border-radius: 20px; padding: 15px }
.subb_tab3_list .text strong { font-size: 16px; color: #222; font-weight: 700 }
.subb_tab3_list .text p { margin-top: 15px; font-size: 16px; color: #666; font-weight: 300; letter-spacing: -0.02em; line-height: 25px }
.subb_tab3_list > div:nth-child(1) .text { border: 4px solid #e0e7ff }
.subb_tab3_list > div:nth-child(2) .text { border: 4px solid #e4f2e5 }

.tbl_subb_3a_wrap { width: 100%; overflow-x: auto }
.tbl_subb_3a,.tbl_subb_3a th,.tbl_subb_3a td{ border: 0 }
.tbl_subb_3a { width: 800px; margin: 70px auto 0; border-top: 2px solid #7b7b7b; border-collapse: collapse }
.tbl_subb_3a th { padding: 12px 0; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: center; font-weight: 700; background: #f9f9f9 }
.tbl_subb_3a td { padding: 12px 0; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #666; text-align: center; font-weight: 300 }

.subb_tab3_arrow { margin: 20px auto; text-align: center }

.tbl_subb_3b,.tbl_subb_3b th,.tbl_subb_3b td{ border: 0 }
.tbl_subb_3b { width: 800px; margin: 0 auto; border-collapse: collapse  }
.tbl_subb_3b th { padding: 12px 0; background: #dd0035; vertical-align: middle; font-size: 16px; color: #fff; text-align: center; font-weight: 400 }
.tbl_subb_3b td { padding: 12px 0; background: #44536a; border-left: 1px solid #7c8797; vertical-align: middle; font-size: 16px; color: #fff; text-align: center; font-weight: 400 }
.tbl_subb_3b td:first-child { border-left: 0 }

/* B»ç¾÷¼Ò°³ - ÆÇÃË¹° À¯Åë°úÁ¤ */
.subb_tab4_list { width: 100%; margin: 20px auto 0; display: flex; justify-content: center; flex-wrap: wrap; text-align: center }
.subb_tab4_list_arrow { display: flex; align-items: center; flex-direction: row; justify-content: center; margin: 0 2px }
.subb_tab4_list_arrow img { width: 40% }
.subb_tab4_list_s { width: 46%; padding: 3px; margin-bottom: 20px }
.subb_tab4_list_s img { width: 100% }
.subb_tab4_list_s h2 { display: inline-block; margin-top: 5px; font-size: 13px; border-radius: 5px; padding: 2px 5px 3px; background: #243746; color: #fff }
.subb_tab4_list_s strong { display: block; margin-top: 5px; font-size: 14px; font-weight: 500 }
.subb_tab4_list_s p { display: block; margin-top: 5px; font-size: 11px; font-weight: 400; color: #666; letter-spacing: -0.1em }

/* B»ç¾÷¼Ò°³ - ÆÇÃË¹° ³³Ç°ÇöÈ² */
.tbl_sub_b2 { width: 800px !important; margin-top: 20px; border-top: 2px solid #7b7b7b; border-collapse: collapse  }
.tbl_sub_b2 th,.tbl_sub_b2 td { border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 10px 0; color: #222; text-align: center; vertical-align: middle }
.tbl_sub_b2 th { background: #f9f9f9; font-size: 16px; font-weight: 400 }
.tbl_sub_b2 td { border-bottom: 1px solid #e1e1e1; padding: 10px; font-size: 14px; font-weight: 300 }
.subb_tab5_list { width: 100%; overflow-x: auto }
.tbl_sub_b2_wrap { width: 100% }

/* CÇØ¿À¸§ÀÇ ÀåÁ¡ - ÇØ¿À¸§ÀÇ ÀåÁ¡ */
.subc_list { width: 100%; margin-top: 0; display: block }
.subc_list > div { width: 100%; display: inline-block; padding-bottom: 60px }
.subc_list > div h2 { display: block; margin-top: 40px; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -0.08em; line-height: 140% }
.subc_list > div h2 strong { display: block; font-size: 30px; font-weight: 900; color: #fff }
.subc_list > div strong { display: block; margin-top: 5px; font-size: 22px; font-weight: 500 }
.subc_list > div div { margin-top: 5px; font-size: 14px; color: #fff; letter-spacing: -0.06em }
.subc_list > div p { font-size: 14px; color: #fff }
.subc_list > div:nth-child(1) { background: url('../img/subc_img_tab1_lists1.jpg') no-repeat center top }
.subc_list > div:nth-child(2) { background: url('../img/subc_img_tab1_lists2.jpg') no-repeat center top }
.subc_list > div:nth-child(3) { background: url('../img/subc_img_tab1_lists3.jpg') no-repeat center top }

.tbl_subc,.tbl_subc th,.tbl_subc td{ border: 0 }
.tbl_subc { width: 100%; margin: 90px auto 0; border-top: 2px solid #000; border-collapse: collapse  }
.tbl_subc th {display: block; padding: 10px 5px; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 16px; color: #222; text-align: left; font-weight: 700 }
.tbl_subc th img { display: none; vertical-align: middle; margin-right: 18px; position: relative; top: -2px }
.tbl_subc td { display: block; padding: 10px 5px; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 16px; color: #666; text-align: left; font-weight: 300 }

.tbl_subc td .qa { margin-top: 15px; background: #f8f8f8; padding: 15px 10px }
.tbl_subc td .qqaa { margin: 0 9px 5px 0; width: 26px; height: 26px; line-height: 26px }
.tbl_subc td .qa strong { display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 13px; color: #fff; text-align: center; font-size: 16px; font-weight: 400 }
.tbl_subc td .qa .q strong { background: #ec3d42 }
.tbl_subc td .qa .q p { word-wrap: break-word;font-size: 16px; color: #222; font-weight: 400 }
.tbl_subc td .qa .a strong { background: #8992a4 }
.tbl_subc td .qa .a p { word-wrap: break-word;font-size: 16px; color: #666 }
.tbl_subc td .qa > div { display: flex }

/* CÇØ¿À¸§ÀÇ ÀåÁ¡ - º»»çÁö¿ø»çÇ× */
.subc_tab2 { width: 100%; margin: 20px auto 0 }
.subc_tab2 .title { margin-top: 20px; padding-bottom: 10px; font-size: 17px; color: #222; font-weight: 700; border-bottom: 1px solid #ccc }
.subc_tab2 .title img { width: 30px; vertical-align: middle; position: relative; top: -2px; margin-right: 12px }
.subc_tab2_list ul { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between }
.subc_tab2_list ul li { width: 48%; height: 190px; margin-bottom: 30px; padding: 15px; box-sizing: border-box; box-shadow: 1px 1px 5px 1px #eee }
.subc_tab2_list ul li h2 { display: block; margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #222 }
.subc_tab2_list ul li p { font-size: 14px; font-weight: 400; color: #666 }

.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(1) { background: url('../img/subc_img_tab2_lists1_01.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(2) { background: url('../img/subc_img_tab2_lists1_02.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(3) { background: url('../img/subc_img_tab2_lists1_03.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(4) { background: url('../img/subc_img_tab2_lists1_04.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(5) { background: url('../img/subc_img_tab2_lists1_05.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(6) { background: url('../img/subc_img_tab2_lists1_06.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(7) { background: url('../img/subc_img_tab2_lists1_07.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(8) { background: url('../img/subc_img_tab2_lists1_08.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(9) { background: url('../img/subc_img_tab2_lists1_09.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul1 li:nth-child(10) { background: url('../img/subc_img_tab2_lists1_10.jpg') no-repeat right bottom; background-size: 100% }

.subc_tab2_list .subc_tab2_list_ul2 li:nth-child(1) { background: url('../img/subc_img_tab2_lists1_01.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul2 li:nth-child(2) { background: url('../img/subc_img_tab2_lists1_02.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul2 li:nth-child(3) { background: url('../img/subc_img_tab2_lists1_03.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul2 li:nth-child(4) { background: url('../img/subc_img_tab2_lists1_04.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul2 li:nth-child(5) { background: url('../img/subc_img_tab2_lists1_05.jpg') no-repeat right bottom; background-size: 100% }
.subc_tab2_list .subc_tab2_list_ul2 li:nth-child(6) { background: url('../img/subc_img_tab2_lists1_06.jpg') no-repeat right bottom; background-size: 100% }

/* CÇØ¿À¸§ÀÇ ÀåÁ¡ - °¡¸ÍÁ¡ÈÄ±â */
.subc_tab3_a { width: 100%; text-align: center; background: #EEF9FF }
.subc_tab3_a img,.subc_tab3_b img,.subc_tab3_d img { width: 100% }
.subc_tab3_b { width: 100%; text-align: center; background: #003138 }
.subc_tab3_c h2 { margin-top: 20px; font-family: 'GmarketSans'; font-size: 22px; color: #222; font-weight: 900; text-align: center; line-height: 25px }
.subc_tab3_c h4 { margin-top: 10px; font-size: 16px; color: #222; line-height: 20px; text-align: center }
.subc_tab3_d { width: 100%; text-align: center; background: #FCBE11 }

.mySwiperc { margin: 20px auto; width: auto; height: auto }
.mySwiperc > div { padding: 0 0 }
.mySwiperc > div > .swiper-slide { margin: 0 auto; width: 100% !important; border-radius: 10px; border: 1px solid #ddd; padding: 10px 5px; height: auto; box-sizing: border-box }
.mySwiperc > div > .swiper-slide div { text-align: left; font-family: 'Noto Sans KR', sans-serif; color: #222; padding: 0 5px }
.swiperc_list > .title { font-size: 18px; line-height: 64px; font-weight: 700; letter-spacing: -0.02em }
.swiperc_list > .text { font-size: 16px; line-height: 28px; font-weight: 300; letter-spacing: -0.04em; color: #666 }
.swiperc_list > .name { font-size: 15px; line-height: 60px; font-weight: 300; letter-spacing: -0.04em; color: #006de8 !important}

/* DÃ¢¾÷ÀýÂ÷ - Ã¢¾÷ÀýÂ÷ */
.subd_main1 { padding: 20px 0; text-align: center; background-image: url('../img/subd_bg_mainl.jpg'), url('../img/subd_bg_mainr.jpg'); background-color: #f8f8f8; background-repeat: no-repeat, no-repeat; background-position: bottom left, bottom right }
.subd_main1 > .title { margin-bottom: 20px; font-size: 20px; color: #222; text-align: center; font-weight: 400; line-height: 20px }
.subd_main1 > .title strong { font-weight: 700 }
.subd_main1 img { width: 100% }

.subd_main2 { margin: 20px auto; width: 100% }
.subd_main2 > .title { margin-top: 20px; font-size: 20px; color: #222; font-weight: 400; letter-spacing: -0.02em; text-align: left }
.subd_main2 p { margin-top: 10px; font-size: 16px; color: #666; font-weight: 300; letter-spacing: -0.02em; text-align: left }
.subd_main2 .tel { margin-top: 10px; display: block; border-radius: 10px; background: #46526a; padding: 15px 20px; font-size: 16px; color: #fff; }
.subd_main2 .tel > div:nth-child(1) { margin-right: 0; margin-bottom: 5px }
.subd_main2 .tel img { margin-right: 5px; vertical-align: middle; position: relative; top: -2px }
.subd_main2 .img { margin-top: 20px }

.main_kakao { position: relative; top: -5px }
.main_kakao img { height: 50px }

.tbl_sub_d caption { font-size: 10px; color: #222; text-align: left; margin-bottom: 5px }
.tbl_sub_d,.tbl_sub_d th,.tbl_sub_d td { border: 0 }
.tbl_sub_d { width: 620px; margin-top: 20px; border-top: 2px solid #7b7b7b; border-collapse: collapse  }
.tbl_sub_d th,.tbl_sub_d td { border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; padding: 15px 10px; color: #222; text-align: center; vertical-align: middle }
.tbl_sub_d th { background: #f9f9f9; font-size: 16px; font-weight: 700 }
.tbl_sub_d td { font-size: 14px; font-weight: 300 }
.tbl_sub_d th:first-child { border-left: 0 }
.tbl_sub_d td.th { font-weight: 400; border-left: 0 }

.m_left { text-align: left !important }

.img img { width: 100%}

.tbl_sub_d_2 { width: 100%; margin-top: 20px; border-top: 2px solid #7b7b7b; border-collapse: collapse  }
.tbl_sub_d_2 th,.tbl_sub_d_2 td { border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; color: #222; vertical-align: top }
.tbl_sub_d_2 th { background: #f9f9f9; font-size: 16px; text-align: center; font-weight: 400; padding: 10px; font-weight: 700 }
.tbl_sub_d_2 td { font-size: 14px; color: #666; text-align: left; font-weight: 300; padding: 20px 10px }
.tbl_sub_d_2 th:first-child,.tbl_sub_d_2 td:first-child { border-left: 0 }
.tbl_sub_d_2 td span { color: #dd0035 }

.subd_main2 .content { margin-top: 20px; padding: 0 10px 20px; text-align: left; background: #f8f8f8 }
.subd_main2 .content .title { padding-top: 20px; font-size: 16px; color: #222; font-weight: 700; letter-spacing: -0.02em }
.subd_main2 .content p { font-size: 16px; color: #666; font-weight: 300; line-height: 25px; letter-spacing: -0.02em }
.subd_main2 .content p span { display: inline-block; padding-top: 10px; font-size: 16px; color: #dd0035; font-weight: 300; letter-spacing: -0.02em }
.subd_main2 .content ol { margin: 20px 0 0 25px }
.subd_main2 .content ol li { list-style-type: decimal; font-size: 16px; color: #666; font-weight: 300; line-height: 28px; letter-spacing: -0.02em }

/* DÃ¢¾÷ÀýÂ÷ - ºÐ¾ç¼îÇÎ¸ô °¡°Ý */
.subd_tab2 { background: #ddecf6; text-align: center; padding: 20px 10px }
.subd_tab2 .title { font-size: 20px; color: #222; font-weight: 400; line-height: 25px; letter-spacing: -0.02em }
.subd_tab2 .title strong { font-weight: 700 }

.tbl_sub_db,.tbl_sub_db th,.tbl_sub_db td { border: 0 }
.tbl_sub_db { width: 850px; margin: 20px auto; border: 1px solid #000; border-collapse: collapse  }
.tbl_sub_db th,.tbl_sub_db td { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; padding: 10px 5px; color: #222; text-align: center; letter-spacing: -0.04em; vertical-align: top }
.tbl_sub_db th { font-size: 14px; color: #666; font-weight: 300 }
.tbl_sub_db th.th_bg { background: url('../img/subd_tbl_img2.jpg') no-repeat 145px 5px; background-color: #fff }
.tbl_sub_db th strong { display: block; font-size: 16px; color: #222; font-weight: 700 }
.tbl_sub_db td { font-size: 14px; font-weight: 300; line-height: 20px }
.tbl_sub_db th:nth-child(1),.tbl_sub_db td:nth-child(1) { border-left: 0 }
.tbl_sub_db tr:last-child td { border-bottom: 0 }
.tbl_sub_db td.section { padding: 5px 20px; background: #697683; color: #fff; font-size: 10px; font-weight: 700; text-align: left }
.tbl_sub_db td.bold { font-size: 14px; font-weight: 400 }
.tbl_sub_db td.left { text-align: left }
.tbl_sub_db .pdc10 { background: #e20000; padding: 1px 3px; border-radius: 3px; font-size: 13px; color: #fff }

/* DÃ¢¾÷ÀýÂ÷ - »ùÇÃ»çÀÌÆ® */
.subd_tab3 { background: #fff4de; padding: 20px 10px; text-align: center }
.subd_tab3 > .title { font-size: 20px; line-height: 20px }
.subd_tab3 .content { width: 100%; margin: 20px auto 0; padding: 10px; border-radius: 15px; background: #fff }
.subd_tab3 .content .title { margin-bottom: 10px; display: block; padding: 10px; border-radius: 10px }
.subd_tab3 .content .title div { border-right: none; width: 100%; text-align: center;  display: flex; align-items: center; flex-direction: row; justify-content: center }
.subd_tab3 .content .title div strong { font-size: 18px; font-weight: 700; line-height: 30px }
.subd_tab3 .content .title div strong span { margin-top: 10px; display: block; padding: 0 17px; height: 34px; line-height: 34px; border-radius: 17px; font-family: 'Cafe24Shiningstar' !important; font-size: 22px; font-weight: 500; color: #fff }
.subd_tab3 .content .title ol { margin-top: 10px; margin-left: 20px }
.subd_tab3 .content .title ol li { list-style-type: decimal; font-size: 14px; color: #333; line-height: 20px; font-weight: 300; text-align: left }

.subd_tab3 .content .list { display: flex; flex-wrap: wrap; justify-content: space-between }
.subd_tab3 .content .list > div { width: 49%; margin-left: 1%; margin-top: 1% }
.subd_tab3 .content .list > div img { width: 100% }
.subd_tab3 .content .list > div:nth-child(1),
.subd_tab3 .content .list > div:nth-child(2) { margin-top: 0 }
.subd_tab3 .content .list > div:nth-child(1) { margin-left: 0 }
.subd_tab3 .content .list > div:nth-child(2n+1) { margin-left: 0 }

.subd_tab3 .content .list2 { display: flex; flex-wrap: wrap; justify-content: space-between }
.subd_tab3 .content .list2 > div { width: 49%; margin-left: 1%; margin-top: 1% }
.subd_tab3 .content .list2 > div img { width: 100% }
.subd_tab3 .content .list2 > div:nth-child(1),
.subd_tab3 .content .list2 > div:nth-child(2),
.subd_tab3 .content .list2 > div:nth-child(3),
.subd_tab3 .content .list2 > div:nth-child(4) { margin-top: 0 }

.subd_tab3 .content1 { border: 4px solid #f1d38c }
.subd_tab3 .content2 { border: 4px solid #ceedc4 }
.subd_tab3 .content3 { border: 4px solid #d0e9f8 }
.subd_tab3 .content4 { border: 4px solid #ceedc4 }
.subd_tab3 .content5 { border: 4px solid #f1d38c }

.subd_tab3 .content1 .title { height: auto; background: #FBE6B1 }
.subd_tab3 .content2 .title { height: auto; background: #F2FFEE }
.subd_tab3 .content3 .title { height: auto; background: #F6FBFF }
.subd_tab3 .content4 .title { height: auto; background: #F2FFEE }
.subd_tab3 .content5 .title { height: auto; background: #FBE6B1 }

.subd_tab3 .content1 .title div strong,
.subd_tab3 .content5 .title div strong { color: #6d4d00 }
.subd_tab3 .content1 .title div strong span,
.subd_tab3 .content5 .title div strong span { background: #8d6300 }

.subd_tab3 .content2 .title div strong,
.subd_tab3 .content4 .title div strong { color: #1b6600 }
.subd_tab3 .content2 .title div strong span,
.subd_tab3 .content4 .title div strong span { background: #1b6600 }

.subd_tab3 .content3 .title div strong { color: #18628f }
.subd_tab3 .content3 .title div strong span { background: #18628f }
.subd_tab3 .content1 .title div strong { color: #6d4d00 }
.subd_tab3 .content1 .title div strong span { background: #8d6300 }
.subd_tab3 .content1 .title div strong { color: #6d4d00 }
.subd_tab3 .content1 .title div strong span { background: #8d6300 }

/* DÃ¢¾÷ÀýÂ÷ - ÀÚÁÖÇÏ´Â Áú¹® */
.subd_tab4 { padding: 0 0 20px; text-align: center }
.subd_tab4 > .title { font-size: 20px; line-height: 20px }

.subd_tab4 .list { width: 100%; margin: 20px auto 0; border-top: 3px solid #000 }
.subd_tab4 .list .faq { margin: 0 auto; padding: 0 10px; border-bottom: 1px solid #ddd; overflow: hidden; background: #fff; box-sizing: border-box; }
.subd_tab4 .list .faq .faq_question { padding: 10px 0 ; cursor: pointer; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #333; text-align: left; position: relative }
.subd_tab4 .list .faq .faq_question:hover { color: red }
.subd_tab4 .list .faq .faq_question span { margin-right: 10px; display: inline-block; font-family: 'GmarketSans'; font-size: 16px; color: #222; font-weight: 700 }
.subd_tab4 .list .faq .faq.open .faq_question { color: red; border-bottom: 1px solid #ddd }
.subd_tab4 .list .faq .faq.open .faq_question::before { display: none }
.subd_tab4 .list .faq .faq.open .faq_question::after { display: block }
.subd_tab4 .list .faq .faq_answer_container { height: 0; overflow: hidden; padding: 0 }
.subd_tab4 .list .faq .faq_answer{ display: flex; border-top: 1px solid #ddd; padding: 15px 0; font-family: 'Noto Sans KR', sans-serif; font-size: 15px;color: #333; text-align: left }
.subd_tab4 .list .faq .faq_answer span { margin-right: 10px; display: inline-block; font-family: 'GmarketSans'; font-size: 16px; color: #ec3d42; font-weight: 700 }


/* ÀÔÁ¡¾È³» */
.import_main { width: 100%; margin: 20px auto 20px; display: block; justify-content: space-between }
.import_main img { width: 100% }

/* °³ÀÎÁ¤º¸Ã³¸®¹æÄ§ */
.sub_content { width: 100%; border-top: 3px solid #333; margin: 10px auto 0 }
ol.ol_square li { margin-left: 23px; list-style-type: square }

.personal_menu li a { color: #222; font-size: 14px; line-height: 18px }
.personal_menu li a:hover { color: #222; border-bottom: 1px solid #222 }

.personal_menu { margin: 20px 0 !important; display: block !important; width: 100%; height: auto !important; vertical-align: top }
.personal_menu li { width: 100% !important; line-height: 25px }

.use_content { margin: 20px 0 0; padding: 20px 15px; padding-bottom: 1px; background: #f9f9f9 }
.use_content > h3 { font-size: 16px; font-weight: 700 }
.use_content > .h3_content > p,.use_content > .h3_content > ol li { font-size: 14px; font-weight: 300; line-height: 20px; color: #555 }
.use_content > .h3_content { margin: 10px 0 20px }

.h3_content > table { margin-top: 20px; width: 100%; border-top: 2px solid #000 }
.h3_content > table th,.h3_content > table td { padding: 7px 0; background: #fff; border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle; line-height: 18px; font-size: 14px; font-weight: 300 }
.h3_content > table th:nth-child(1),.sub01_02 > div > table td:nth-child(1) { border-left: 0 }
.h3_content > table td strong { display: block; color: #ef0000 }
.h3_content a { color: #222; font-weight: 300 }

/* Á¦ÈÞ¹®ÀÇ */
.tbl_partnership,.tbl_partnership th,.tbl_partnership td{ border: 0 }
.tbl_partnership { width: 100%; margin: 20px auto 0; border-top: 2px solid #7b7b7b; border-collapse: collapse  }
.tbl_partnership th { display: block; padding: 10px 20px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: left; font-weight: 700; background: #f9f9f9 }
.tbl_partnership td { display: block; padding: 10px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #666; text-align: left; font-weight: 300 }
.tbl_partnership span { font-size: 16px; color: #0062ff }
.tbl_partnership caption,.tbl_edu caption { margin-bottom: 10px; text-align: right; font-size: 14px; color: #222; font-weight: 300 }
.tbl_partnership select { border: 1px solid #ddd; padding: 0 10px; height: 35px }
.tbl_partnership .i_text { width: 100%; height: 30px; border: 1px solid #ddd; box-sizing: border-box; }
.tbl_partnership .i_textarea { width: 100%; border: 1px solid #ddd; padding: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #222; box-sizing: border-box; }
.subtab_container .btn { margin: 30px auto 0; text-align: center }
.btn_ok { width: 123px; height: 40px; line-height: 40px; border: 0; border-radius: 5px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #fff; background: #1462d7; cursor: pointer }

/* Ã£¾Æ¿À½Ã´Â±æ */
.subf_tab3_title { font-size: 20px; color: #222; font-weight: 700; text-align: center }
.content_map { width: 100%; margin: 10px auto; display: block; justify-content: space-between }
.content_map .map { width: 100% !important; margin-bottom: 10px }
.content_map .map img { width: 100% !important }
.content_map .info { width: 100% !important; text-align: left }

.content_map .info > table { width: 100%; font-size: 16px; color: #fff; font-weight: 400; border-top: 2px solid #7b7b7b }
.content_map .info > table th,.content_map .info > table td { padding: 0 28px; border-bottom: 1px solid #e1e1e1; font-size: 16px; color: #666; font-weight: 400; box-sizing: border-box }
.content_map .info > table th { width: 100px; color: #222; text-align: center; background: #f9f9f9 }
.content_map .info > table td { color: #666; text-align: left; background: #fff; padding: 20px; line-height: 150% }
.content_map .info > table td a { color: #666 }
.content_map .info p { display: block; background:url('img/icon_arrow.gif') no-repeat 10px 9px; padding-left: 10px; font-size: 16px; color: #666; line-height: 150% }
.content_map .info .subway { display: inline-block; margin: 20px 0 10px; width: 148px; border-radius: 20px; display: flex }
.content_map .info .subway span { display: inline-block; text-align: center; line-height: 36px; font-size: 14px }
.content_map .info .subway span:nth-child(1) { width: 70px; color: #fff; border-right: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px }
.content_map .info .subway span:nth-child(2) { width: 78px; border-left: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px }
.content_map .info .subway_9 span:nth-child(1) { background: #c9a754; border: 2px solid #c9a754 }
.content_map .info .subway_9 span:nth-child(2) { border: 2px solid #c9a754}
.content_map .info .subway_5 span:nth-child(1) { background: #8936E0; border: 2px solid #8936E0 }
.content_map .info .subway_5 span:nth-child(2) { border: 2px solid #8936E0}
.content_map .info .subway_2 span:nth-child(1) { background: #3CB44A; border: 2px solid #3CB44A }
.content_map .info .subway_2 span:nth-child(2) { border: 2px solid #3CB44A}

/* ±³À°½ÅÃ» */
.tbl_edu,.tbl_edu th,.tbl_edu td{ border: 0 }
.tbl_edu { width: 800px; margin: 20px auto 0; border-top: 2px solid #222; border-collapse: collapse  }
.tbl_edu th { padding: 10px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: center; font-weight: 700; background: #f9f9f9 }
.tbl_edu td { padding: 10px; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: center; font-weight: 400 }
.tbl_edu th:nth-child(1),.tbl_edu td:nth-child(1) { border-left: 0 }
.tbl_edu tr:last-child th,.tbl_edu tr:last-child td { border-bottom: 1px solid #7b7b7b }
.tbl_edu .db { display: block; font-size: 16px; font-weight: 500 }
.tbl_edu .tal { text-align: left}
.tbl_edu .db p { font-size: 16px; font-weight: 300 }

.subtab_content .title2 { margin-top: 20px; font-size: 20px; color: #222; text-align: left; font-weight: 700 }
.edu_container { width: 800px; display: flex; justify-content: space-around; margin: 20px auto 15px; border: 5px solid #ddd; padding: 17px }
.edu_container .col { width: 100%; border-left: 2px solid #ddd; text-align: center; font-size: 16px; color: #222 }
.edu_container .col:first-child { border-left: 0 }
.edu_container .col > div { margin: 0 auto 10px }

.subtab_container .detail { width: 100%; margin: 30px auto }
.tbl_normal,.tbl_normal th,.tbl_normal td{ border: 0 }
.tbl_normal { width: 100%; margin: 0 auto; border-top: 2px solid #7b7b7b; border-collapse: collapse  }
.tbl_normal th { padding: 13px 10px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: center; font-weight: 700; background: #f9f9f9 }
.tbl_normal td { padding: 13px 10px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: left; font-weight: 400; cursor: pointer }
.tbl_normal td.tac{ text-align: center }
.tac{ text-align: center }

#divPaging { margin: 20px auto }
#divPaging .paging { display: inline-block; width: 34px; height: 34px; line-height: 30px; text-align: center; border: 1px solid #ddd; box-sizing: border-box }


.tbl_normal_view,.tbl_normal_view th,.tbl_normal_view td{ border: 0 }
.tbl_normal_view { width: 100%; margin: 0 auto; border-top: 2px solid #7b7b7b; border-collapse: collapse  }
.tbl_normal_view th { padding: 13px 10px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 18px; color: #222; text-align: center; font-weight: 700; background: #f9f9f9 }
.tbl_normal_view td { padding: 20px 10px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 16px; color: #222; text-align: left; font-weight: 400; cursor: pointer }
.tbl_normal_view td.tac{ text-align: center }
.tbl_normal_view td iframe { width: 100%; height: 300px }

.tbl_normal_col { width: 15% }

.footer_form_wrap { position: fixed; bottom: 0; width: calc(100% - 20px); z-index: 999999999999999999999999999999999999999999999999 }
.footer_form { width: 100%; height: 60px; margin: 0 auto; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 15px; display: flex; justify-content: center; background: url('./../img/bg_footer_form.png') no-repeat 0 0 }
.footer_form > .title { display: none; padding-right: 10px; border-right: 1px solid #66A7B9; }
.footer_form .title .img { margin-right: 10px; padding-top: 7px }
.footer_form .title .img img { width: 70% }
.footer_form > .title > .text { padding-top: 7px; font-family: 'GmarketSans' !important; font-size: 20px; color: #fff; font-weight: 700; line-height: 32px }

.footer_form .tel { display: flex; padding-top: 7px; font-family: 'GmarketSans' !important; font-size: 20px; color: #fff; font-weight: 500 }
.footer_form .tel .no,.footer_form .tel .no a { margin-top: 0; font-family: 'GmarketSans' !important; font-size: 25px; color: #fff; font-weight: 700; letter-spacing: 0.02em;}
.footer_form .tel a { position: relative; top: 3px !important; display: inline-block; margin-left: 10px; font-family: 'GmarketSans' !important; font-size: 20px; color: #fff; font-weight: 500 }
.footer_form .tel img { position: relative; top: -15px }


.footer_form .input { display: none }
.footer_form .input .input_text { margin-top: 5px; height: 38px; border: 0; margin-right: 10px; padding: 0 10px; box-sizing: border-box }
.footer_form .input .placeholder { font-size: 216px; color: #222 }
.footer_form .input .check { margin-top: 5px; font-size: 14px; color: #fff; font-weight: 400; cursor: pointer }
.footer_form .input .check label { cursor: pointer }
.footer_form .btn { margin-left: 25px; display: none; align-items: center; flex-direction: row; justify-content: center }

.main_kakao { display: inline-block !important; position: relative; top: -5px }
.main_kakao img { display: inline-block !important; height: 50px; margin-left: 10px }
