@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);



html {font-size: 62.5%;}
*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: "Pretendard", "SUIT", sans-serif; color:#303030;}
/*div {display:block;}*/
.inner {width:1200px;margin:auto;}
.inner2 {width:1000px;margin:auto; padding: 0 50px;}
.inner3 {width:1600px; margin:0 0 0 auto;}






h1 {font-size: 50px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 {font-size: 20px;}

h1, h2, h3, h4, h5 {word-break: keep-all;}
p {font-size: 20px; line-height: 30px; word-break: keep-all;}

/* 마진설정 */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.pt80 {padding-top:80px;}


.flex {display: flex; flex-wrap: wrap;}
.col {flex: 1;}
.img100 {width: 100%; display: block;}

.monotype_corsiva {font-family: "Monotype Corsiva", serif;}
.garamond {font-family: "Garamond", serif;}
.chosunsm {font-family: 'ChosunSm';}
.chosunkm {font-family: 'ChosunKm';}

.c_main1 {color: #2b354e;}
.c_main2 {color: #0171bb;}
.c_main3 {color: #84ceff;}


.clearfix::after {content: ""; display: block; clear: both;}

.m_show {display: none;}


/* 공통 */
#wrap {width:100%; /*min-width:1200px;*/ margin:auto; overflow:hidden;}
#header {position: relative; width:100%; height:120px; background: #fff;}
#header .logo {display: block; width: 326px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#header .logo img {display: block; width: 100%;}
#header .tel_btn {text-align: right; padding-top: 36px;}

nav {width: 100%; border-top: 1px solid #d0d0d0;}
nav ul {height: 68px; display: flex; justify-content: space-around; align-items: center;}
nav ul li:hover {color: #0171bb; font-weight: 700;}
nav ul li a.on {color: #0171bb; font-weight: 700;}
nav ul li a {font-size: 20px;}
.menu_btn {display: none; width: 40px; height: 34px; position: absolute; top: 43px; right: 30px;}
.menu_btn a {width: 40px; height: 34px; display: block; background: url(images/menu_btn.png) no-repeat center/100%; text-indent: -9999px;}


/* 퀵메뉴 */
#quick_menu {position: fixed; top: 350px; right: 0; z-index:999;}
#quick_menu li {width: 90px; height: 90px; padding: 12px; text-align: center; box-sizing: border-box;}
#quick_menu li:nth-child(1) {background: #0171bb; border-top-left-radius: 15px; color: #fff;}
#quick_menu li:nth-child(2) {background: #2b354e; color: #fff;}
#quick_menu li:nth-child(3) {background: #fff; border: 1px solid #e2e2e2;}
#quick_menu li:nth-child(4) {color: #fff; background: #0171bb; border-bottom-left-radius: 15px;}
#quick_menu li a {font-size: 20px; font-weight: 700; display: block; width: 100%; height: 100%;}
#quick_menu li a i {font-size: 30px;}
#quick_menu li a p {margin-top: 5px;}


/* 모바일 메뉴 */
#m_menu {position: fixed; top: 0; right: -600px; width: 600px; height: 100%; background: #fff; box-shadow : 5px 5px 10px 0; z-index: 9999; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#m_menu.on {right: 0px;}
#m_menu .close_btn {position: absolute; top: 30px; right: 30px; font-size: 40px; color: #2b354e;}
#m_menu ul {position: absolute; width: 290px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
#m_menu li {display: block; margin-bottom: 20px; text-align: left;}
#m_menu li:last-child {margin-right: 0;}
#m_menu li a {font-size: 24px; font-weight: 600; color: #0171bb;}


/* 메인 */
#content  {width:100%; display:inline-block; position:relative;}

#content .paragraph {width:100%; display:inline-block; position:relative; padding: 100px 0;}
#content .paragraph .inner {position:relative;}

/* chapter1 */
#content #chapter1 {position: relative; padding: 0;}
#content #chapter1:after {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 1px; height: 205px; background: #d0d0d0; z-index: 5;}
#content .swiper1 {position: relative; height: 700px; background: url(images/main_sl1.jpg) no-repeat center; color: #f0f0f0;}
#content .swiper1 .main_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; white-space:nowrap;}
#content .swiper1 .main_tit:after {content: ""; width: 420px; height: 1px; background: #fff; position: absolute; top: 57%; left: 50%; transform: translate(-50%, -50%);}
#content .swiper1 .main_tit .main_txt {font-size: 60px; color: #fff; font-weight: 800;}
#content .swiper1 .main_tit .sub_txt {color: #d0d0d0; margin-top: 10px;}
#content .swiper1 .main_tit h4 {font-size: 22px; font-weight: 700; margin-top: 105px; text-align: center; line-height: 38px;}

/* chapter2 */
#content #chapter2 {margin-top: 45px;}
#content #chapter2 .chap2_sub_txt {font-weight: 400; margin-bottom: 5px;}
#content #chapter2 .chap2_sub_txt, #content #chapter2 .chap2_main_txt {text-align: center;}
#content #chapter2 .chap2_box {margin-top: 60px; display: flex;}
#content #chapter2 .chap2_box > div {width: 50%;}
#content #chapter2 .chap2_box .chap2_desc {position: relative; height: 400px; padding: 50px; border: 10px solid #84ceff;}
#content #chapter2 .chap2_box .chap2_desc.white_left {margin-top: 50px;}
#content #chapter2 .chap2_box .chap2_desc.white_left:after {content: ""; position: absolute; top: -10px; left: -10px; width: 50px; height: 390px; background: #fff;}
#content #chapter2 .chap2_box .chap2_desc.white_right:after {content: ""; position: absolute; bottom: -10px; right: -10px; width: 50px; height: 390px; background: #fff;}
#content #chapter2 .chap2_box .chap2_desc .desc_sub_tit {letter-spacing: 10px;}
#content #chapter2 .chap2_box .chap2_desc .desc {margin: 30px 0;}
#content #chapter2 .chap2_box .chap2_img.m_mt_none {margin-top: 50px;}

/* chapter3 */
#chapter3 {height: 300px; background: url(images/chapter3_back.jpg) no-repeat center; color: #fff;}
#chapter3 .inner {display: flex;}
/* #chapter3 .inner > div {width: 50%;} */
#chapter3 .chap3_tit {width: 100%; display: flex; justify-content: space-between;}
#chapter3 .chap3_tit .desc_box {width: 80%; display: flex; align-items: center; justify-content: space-between;}
#chapter3 .chap3_tit .chap3_sub_txt {font-weight: 700; letter-spacing: 5px; color: #abaeb5;}
#chapter3 .chap3_tit h2 {font-size: 50px;}
/* #chapter3 .chap3_tit .chap3_desc {padding: 30px 0;} */
.main_btn {font-size: 18px; padding: 20px 25px; display: inline-block;}
.main_btn img {margin-top: 6px; margin-left: 15px;}
#chapter3 .chap3_tit .chap3_btn {border: 1px solid #fff;}
/* #chapter3 .chap3_result .holaw_table {width: 100%; border-collapse : collapse; border-spacing: 0; text-align: center;}
#chapter3 .chap3_result .holaw_table tr th {padding: 5px 0; color: #fff;}
#chapter3 .chap3_result .holaw_table tr td {padding: 12px 20px; text-align: left;}
#chapter3 .chap3_result .holaw_table tr td.t_bold {font-weight: 900;}
#chapter3 .chap3_result .holaw_table tr td.left_point p {font-weight: 700; color: #55bbff;}
#chapter3 .chap3_result .holaw_table tr.top_bottom_line {border-bottom: 2px solid #ccc;}
#chapter3 .chap3_result .holaw_table tr.bottom_line {border-bottom: 1px solid #6b7283;} */

/* chapter4 */
#chapter4 {background: #e6f1f8;}
#chapter4 .chap4_tit {text-align: center;}
#chapter4 .chap4_tit .chap4_sub_txt {font-weight: 700; letter-spacing: 5px; color: #abaeb5;}
#chapter4 .chap4_tit h2 {font-size: 50px;}
#chapter4 .chap4_faq {width: 1000px; margin: 50px auto 0; border-top: 2px solid #2b354e;}
#chapter4 .chap4_faq ul li {border-bottom: 1px solid #d0d0d0;}
#chapter4 .chap4_faq ul li.active {background: #fff;}
#chapter4 .chap4_faq ul li .q_box {display: flex; justify-content: space-between; padding: 25px; cursor: pointer;}
#chapter4 .chap4_faq ul li .q_box .q_txt {position: relative;}
#chapter4 .chap4_faq ul li .q_box .q_txt h5.f_title {line-height: 40px; padding-left: 55px; font-weight: 700; font-size: 20px; color:#2b354e;}
#chapter4 .chap4_faq ul li .q_box .q_txt .q_mark {position: absolute; top: 0; left: 0; font-weight: 700; width: 40px; height: 40px; background: #2b354e; line-height: 40px; border-radius: 50%; font-size: 30px; margin-right: 20px; color: #84ceff; padding:0 9px;}
#chapter4 .chap4_faq ul li.active .q_box .q_txt .q_mark {background: #0171bb;}
#chapter4 .chap4_faq ul li i {font-size: 30px; padding-left: 10px;}
#chapter4 .chap4_faq ul li .sub_nav {display: none; padding: 0 20px 20px;}
#chapter4 .chap4_faq ul li .sub_nav a {display: block; font-size: 18px; margin-bottom: 10px;}
#chapter4 .chap4_faq ul li p {padding: 0px 7px;}
#chapter4 .chap4_faq .btn_center {text-align: center; margin-top: 50px;}
#chapter4 .chap4_faq .chap4_btn {border: 2px solid #2b354e;}


/* chapter5 */
#chapter5 {height: 700px; background: url(images/chapter5_back.png) no-repeat center;}
#chapter5 .inner > div {width: 50%;}
#chapter5 .chap5_tit .chap5_sub_txt {font-weight: 700; letter-spacing: 5px; color: #a4bfdb;}
#chapter5 .chap5_tit h2 {font-size: 50px; color: #fff;}
#chapter5 .chap5_tit .chap5_desc {padding: 30px 0; color: #fff;}
#chapter5 .chap5_tit .chap5_btn {color: #fff; border: 1px solid #fff;}
#chapter5 .chap5_box {height: 500px; background: #fff;}
.chap5_show {display: none;}
.btn_center {margin-top: 20px; text-align: center;}


#content .paragraph.boardtop {height: 270px; background: url(images/board_top.jpg) top center no-repeat; text-align: center; padding-top: 180px;}
#content .paragraph.boardtop .inner {padding: 0 10em;}
#content .paragraph.boardtop h1 {border-bottom: 1px #888 dashed; padding-bottom: 30px;}

#content .paragraph.boardbox {padding: 6em 0; font-size: 20px; line-height: 1.8;}
#content .paragraph.boardbox .inner {padding: 0 8em;}
#content .paragraph.boardbox font,#content .paragraph.boardbox span {font-size: 20px !important;}


/* chapter6 */
#chapter6 .chap6_tit {text-align: center;}
#chapter6 .chap6_tit .chap6_sub_txt {font-weight: 700; letter-spacing: 5px; color: #abaeb5;}
#chapter6 .chap6_tit h2 {font-size: 40px; margin-top: 10px; margin-bottom: 30px;}
#chapter6 .btn_center {text-align: center; margin-top: 50px;}
#chapter6 .chap4_btn {border: 2px solid #2b354e;}


/* 하단 */
#footer {width:100%; color:#303030; padding:60px 0; line-height:2; position:relative; border-top: 1px solid #ddd;}
#footer .inner .txt span {font-size: 18px; display: inline-block; margin-right: 15px; font-weight: 400; line-height: 25px;}
#footer img {display: block; padding-right: 50px;}
#footer .number {margin-left: auto;}
#footer .number p {margin-bottom: 20px;}
#footer .number .lbl_num {line-height: 25px;}



/* 맨위로, 맨아래로 */
#arrow {position: fixed; bottom: 30px; right: 60px; opacity: 0; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#arrow a {width: 59px; height: 59px; display: block; background-color: #00a799; border-radius: 59px; text-indent: -3333px; margin: 0.5em 0; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; box-shadow: 5px 5px 0 rgba(0,0,0,0.1);}
#arrow a:hover {background-color: #333;}
#arrow a#back-top {background-image: url(images/totop.gif);}
#arrow a#back-bottom {background-image: url(images/tobottom.gif);}
.jbFixed2 {opacity: 1 !important; }


/* 서브페이지 공통 */
.subtop {position: relative; width: 100%; height: 250px;}
.subtop h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.subtop.subtop1 {background: url(images/subtop1.jpg) no-repeat center;}
.subtop.subtop2 {background: url(images/subtop2.jpg) no-repeat center;}
.subtop.subtop3 {background: url(images/subtop3.jpg) no-repeat center;}
.subtop.subtop4 {background: url(images/subtop4.jpg) no-repeat center;}
.subtop.subtop5 {background: url(images/subtop5.jpg) no-repeat center;}
.subtop.subtop6 {background: url(images/subtop6.jpg) no-repeat center;}
#sub {padding: 100px 0;}


/* sub1_1 */
#sub.sub1_1 .sub1_img img {width: 100%;}
#sub.sub1_1 .sub1_txt {text-align: center;}
#sub.sub1_1 .sub1_txt h3 {margin-top: 30px; font-weight: 400; line-height: 42px; color: #2b354e;}
.line {width: 1px; height: 60px; background: #2b354e; margin: 30px auto;}
#sub.sub1_1 .sub1_txt .left {text-align: left;}


/* sub2_1 */
#sub.sub2_1 h3 {margin-top: 40px; margin-bottom: 20px;}
#sub.sub2_1 h3:first-child {margin-top: 0px;}
.tit_icon {position: relative; margin-bottom: 20px; padding-left: 45px; color: #2b354e;}
.tit_icon:after {position: absolute; top: 0; left: 0; content: ""; width: 36px; height: 35px; background: url(images/title_icon.png) no-repeat center;}
.bullet {margin: 5px 0;}
.bullet li {position: relative; font-size: 20px; line-height: 35px; padding-left: 15px;}
.bullet li:before {position: absolute; content: ""; top: 14px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #84ceff;}
.bullet > li > .bullet > li:before {top: 16px; left: 0; width: 5px; height: 1px; border-radius: 0px; background: #303030;}

.warning {font-size: 20px; position:relative; width:100%;padding:10px 2% 5px 35px;  box-sizing:border-box;}
.warning:before {display:block;position:absolute;top:10px;left:0;width:25px;height:25px;background:url(images/warning_icon.png) no-repeat center;content:'';}

.notice_box {position:relative; width:100%; margin:20px 0; padding:24px 30px; box-sizing:border-box;}
.notice_box.blue {background: #e6f1f8;}
.notice_box.blue.mt40 {margin-top: 40px;}

.step_list {flex-wrap: wrap; justify-content: space-between; width:100%; padding:40px; border:1px solid #d0d0d0; border-radius: 20px; text-align: center;}
.step_list > li {position: relative; width: 23%; padding: 10px;}
.step_list > li a.blank {color:#333}
.step_list > li {display:inline-block;position:relative; height:inherit; border-left:none; box-sizing:border-box; font-size:16px; letter-spacing:-0.025em;}
.step_list > li .cont_box {height: 100%; padding: 40px 30px; border:1px solid #2b354e; border-radius:9px; box-sizing:border-box; }
.step_list > li .cont_box > div {word-break: keep-all;}
.step_list > li:last-child .cont_box {border: 3px solid #0171bb;}
.step_list .num_box {position: relative; font-weight: 700; font-size: 20px; color: #84ceff;}
.step_list .num_box:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; border-radius: 50%; background: #2b354e; z-index: -1;}
.step_list .num_box + .cont.bot_sp span {display:inline-block;position:absolute; font-size: 16px; bottom:13px; left:0px; width:100%; margin-bottom:0px; padding:8px 0; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; color:#449bd4;}
.step_list .cont {font-size: 20px; margin-top: 20px;}
.step_list > li:after {position:absolute; content: ""; top:45%; right:-16px; z-index:10; width:8px; height:14px; background:url(images/arrow_icon.png) no-repeat center;}
.step_list > li:last-child:after {display: none;}

/* sub3_1 */
#sub.sub3_1 h3 {margin-top: 40px; margin-bottom: 20px;}
#sub.sub3_1 h3:first-child {margin-top: 0px;}
.sub_num {font-size: 25px; margin-bottom: 10px; color: #0171bb;}
#sub.sub3_1 .bullet {padding: 0 20px;}
.bullet li .orange {color: rgb(255, 123, 0);}
.warning .w_more {display: inline-block; margin-left: 10px;padding: 5px 10px; color: #fff; font-size: 16px; background: #0171bb;}

/* sub4_1 */
.sub4_1 .chap4_faq {width: 1000px; margin: 0 auto; border-top: 2px solid #2b354e;}
.sub4_1 .chap4_faq ul li {background: #eff9ff; border-bottom: 1px solid #d0d0d0;}
.sub4_1 .chap4_faq ul li.active {background: #fff;}
.sub4_1 .chap4_faq ul li .q_box {display: flex; justify-content: space-between; padding: 25px; cursor: pointer;}
.sub4_1 .chap4_faq ul li.active .q_box {background: #fff;}
.sub4_1 .chap4_faq ul li .q_box .q_txt {position: relative;}
.sub4_1 .chap4_faq ul li .q_box .q_txt h5.f_title {line-height: 40px; padding-left: 55px; font-weight: 700; font-size: 20px; color:#2b354e;}
.sub4_1 .chap4_faq ul li .q_box .q_txt .q_mark {position: absolute; top: 0; left: 0; font-weight: 700; width: 40px; height: 40px; background: #2b354e; line-height: 40px; border-radius: 50%; font-size: 30px; margin-right: 20px; color: #84ceff; padding:0 9px;}
.sub4_1 .chap4_faq ul li.active .q_box .q_txt .q_mark {background: #0171bb;}
.sub4_1 .chap4_faq ul li i {font-size: 30px; padding-left: 10px;}
.sub4_1 .chap4_faq ul li .sub_nav {display: none; padding: 0 20px 20px;}
.sub4_1 .chap4_faq ul li .sub_nav a {display: block; font-size: 18px; margin-bottom: 10px;}
.sub4_1 .chap4_faq ul li p {padding: 0px 7px;}

/* sub5_1 */
.sub6_1 {width: 100%;}

/* 게시판 */
.sub6_1 .formmail {background: #eff9ff;}


/* 미디어쿼리 반응형 */
@media (min-width: 1024px) {
    .m_show {display: none !important;}
}

@media (max-width: 1920px) {
    #wrap {width: 100%; margin: 0 auto;}
}

@media (max-width: 1200px) {
    .inner {width: 100%; padding: 0 20px;}
    .inner2 {width: 100%; padding: 0 20px;}

    /* chapter2 */
    #content #chapter2 .chap2_box {flex-wrap: wrap; margin-top: 30px;}
    #content #chapter2 .chap2_box > div {width: 100%;}
    #content #chapter2 .chap2_box .chap2_desc {height: auto;}
    #content #chapter2 .chap2_box .chap2_desc.white_left {margin-top: 0px;}
    #content #chapter2 .chap2_box .chap2_img img {display: block; width: 100%;}
    #content #chapter2 .chap2_box .chap2_img.m_mt_none {margin-top: 0;}
    #content #chapter2 .chap2_box .chap2_desc.white_left:after {display: none;}
    #content #chapter2 .chap2_box .chap2_desc.white_right:after {display: none;}

    /* chapter3 */
    #chapter3 .chap3_tit {justify-content: space-around;}
    #chapter3 .chap3_tit .desc_box {display: unset; width: auto;}
    #chapter3 .chap3_tit .chap3_btn {margin-top: 20px;}

    /* chapter4 */
    #chapter4 .chap4_faq {width: 100%;}

    /* sub2_1 */
    .step_list > li {width: 48%;}
    .step_list > li .cont_box {padding: 50px 10px;}

    /* sub4_1 */
    .sub4_1 .chap4_faq {width: 100%;}
}

@media (max-width: 1024px) {
    /* header */
    #header {height: 100px;}
    #header .logo {width: 240px; margin: 0; padding-top: 27px; position: unset; transform: none;}
    nav {display: none;}
    #header .tel_btn {display: none;}
    .menu_btn {display: block; top: 34px; right: 20px;}
    .menu_btn a {background: url(images/menu_btn.png) no-repeat center/80%;}

    /* chapter3 */
    #chapter3 {height: auto; background: #2b354e;}
    #chapter3 .inner {flex-wrap: wrap;}
    #chapter3 .inner > div {width: 100%;}
    #chapter3 .chap3_tit {display: flex; justify-content: space-around;}
    #chapter3 .chap3_result {margin-top: 50px;}

    /* chapter5 */
    #chapter5 {height: auto; background: url(images/chapter5_back.png) no-repeat center/1000%;}
    #chapter5 .inner {flex-wrap: wrap;}
    #chapter5 .inner > div {width: 100%;}
    #chapter5 .chap5_tit {display: flex; justify-content: space-around;}
    #chapter5 .chap5_box {margin-top: 50px;}
}

@media (max-width: 960px) {
    /* chapter4 */
    #chapter4 .chap4_faq ul li .q_box .q_txt h5.f_title {line-height: 28px;}

    /* footer */
    #footer .inner .txt {margin-top: 30px;}

    /* sub4_1 */
    .sub4_1 .chap4_faq ul li .q_box .q_txt h5.f_title {line-height: 28px;}
}

@media (max-width: 840px) {
    /* chapter3 */
    #chapter3 .chap3_tit {flex-direction: column; align-content: center; flex-wrap: wrap;}
    #chapter3 .chap3_tit .chap3_desc {margin-top: 20px;}
    
    /* chapter5 */
    /* #chapter5 {height: auto;} */
    #chapter5 .chap5_tit {flex-direction: column; align-items: center;}
    #chapter5 .chap5_tit .tit_box {text-align: center;}
    #chapter5 .chap5_tit .desc_box {text-align: center;}

    /* sub */
    #sub {padding: 80px 0;}

    .sub5_1 .sub5_1_map {margin-top: 80px;}
    .sub5_1 .sub5_1_map .map2 {margin-top: 80px;}

    #content .swiper3 img {margin-top: 30px;}
}

@media (max-width: 720px) {
    /* 퀵메뉴 */
    #quick_menu {width: 100%; top: unset; right: unset; bottom: 0; left: 0;}
    #quick_menu ul {display:flex;}
    #quick_menu li {width: 25%; height: 60px;}
    #quick_menu li:nth-child(1) {border-top-left-radius: 0px;}
    #quick_menu li:nth-child(4) {border-bottom-left-radius: 0px;}
    #quick_menu li a {display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; width: 100%; height: 100%;}
    #quick_menu li a img {width: 35px; height: 25px;}
    #quick_menu li a p {margin-left: 2px; font-size: 17px;}

    /* mobile menu */
    #m_menu {width: 380px; right: -380px;}
    #m_menu .close_btn {font-size: 30px; right: 25px;}

    /* 간격 */
    #content .paragraph {padding: 80px 0;}

    /* footer */
    #footer {margin-bottom: 60px;}
}

@media (max-width: 640px) {
    /* 모바일 이미지 나타내기 */
    .m_show {display: block;}
    .pc_show {display: none;}

    /* chapter1 */
    #content .swiper1 {height: 600px; background: url(images/main_sl1.jpg) no-repeat left 23% center;}

    /* chapter2 */
    #content #chapter2 .chap2_box .chap2_desc {padding: 35px;}

    /* chapter3 */
    #chapter3 .chap3_tit {flex-direction: column; align-items: center;}
    #chapter3 .chap3_tit .tit_box {text-align: center;}
    #chapter3 .chap3_tit .desc_box {text-align: center;}
    #chapter3 .chap3_result .holaw_table tr td {padding: 9px;}
    #chapter3 .chap3_result .holaw_table tr td p {font-size: 18px;}

    /* chapter5 */
    .chap5_show {display: block;}

    /* sub2_1 */
    .step_list {padding: 20px;}
    .step_list > li {width: 100%;}
    .step_list > li:after {top:100%; transform: translate(-50%, -50%); right:unset; width:14px; height:8px; background:url(images/arrow_down_icon.png) no-repeat center;}
}


@media (max-width: 480px) {
    /* 퀵메뉴 */
    #quick_menu li a img,
    #quick_menu li a i {display: none;}
    #quick_menu li a p {margin: 0;}

    /* mobile menu */
    #m_menu {width: 300px; right: -300px;}
    #m_menu ul {width: 230px;}
    #m_menu li a {font-size: 20px;}

    /* footer */
    #footer img {width: 250px;}

    /* chapter1 */
    #content #chapter1 .main_tit h4 {font-size: 17px; margin-top: 45px; line-height: 25px;}
    #content .swiper1 .main_tit:after {width: 300px; top: 63%;}
    #content .swiper1 .main_tit .main_txt {font-size: 50px;}

    /* 메인 글자 크기 */
    h2 {font-size: 30px;}
    h3 {font-size: 22px;}
    p {font-size: 18px;}

    /* 슬라이드 클자 크기 */
    #chapter3 .swiper-slide p {font-size: 18px;}

    /* chapter5 */
    #chapter6 .chap5_left .chap6_btn1 {margin-top: 30px;}

    /* chapter6 */
    .board_output_3_tr td {font-size: 16px;}

    /* footer */
    #footer .number .lbl_num {line-height: 0px;}

    /* sub1 */
    #sub.sub1_1 .sub1_txt h3 {line-height: 32px;}

    /* sub2_1 */
    .tit_icon {font-size: 24px; padding-left: 36px;}
    .tit_icon:after {top: -3px; width: 28px; background: url(images/title_icon.png) no-repeat center/100%;}
    .bullet li, .warning {font-size: 18px;}

    /* sub3_1 */
    .sub_num {font-size: 22px;}
    #sub.sub3_1 .bullet {padding: 0;}
}