@charset "UTF-8";
 
/* ID나 Class 명 지정 시 첫글자는 소문자로, 띄어쓰기가 들어가야 하는곳에 대문자로 사용하세요.(카멜 표기법) */

:root {
    --primaryColor1: #0064de; /* 첫 번째 메인 컬러, 진한 파란색 */
    --primaryColor2: #ebf3fe; /* 두 번째 메인 컬러, 연한 하늘색 */

    /* 반응형 크기 설정, 기본 desktop으로 제작, mobile, tablet만 @media 추가 */
    --mobile: 767px;    /* max */
    --tablet: 1023px;   /* max */
    --desktop: 1024px;  /* min */

    

    /* background */
    --mainBg: #ffffff;
    --mainConBg: #eaf3fe;
    --mainInfoBg: #eff5fe;
    --bgBlue1: #0064de;
    --bgBlue2: #1b3c88;
    --bgBlue3: #0064dd;
    --bgSkyBlue1: #ebf3fe;
    --bgSkyBlue2: #f4f7ff;
    --bgSkyBlue3: #f7f9fc;
    --bgDarkGray222: #222222;
    --bgSsMenuIconOff: #666666;
    --bgSsMenuIconOn: #2149a6;
    --bgTransparentButton: transparent;
    --bgTransparentButton2: transparent;
    --bgTransparentButton3: #ffffff;    /* 모바일 회원가입에서 사용 */
    --bgDeptListItem: #ffffff;
    --frmInputBg: #ffffff;
    --iconBorderBoxBeforeBg : #ffffff;
    --grayBg : #f9f9f9;
    --grayBg2 : #eeeeee;
    --grayBg3 : #eeeeee;
    --logoImage : url("/images/top/logo.png") no-repeat left top;
    --logoImage2 : url("/images/footer/logo.png") no-repeat left top;
    
    
    
    /* border */
    --border: 1px solid #e5ecee;
    --topMenuBorder: 1px solid #ddd;
    --frmInputBorder: 1px solid #ddd;
    --normalBtnBorder: 1px solid #999;

    /* fontColor */
    --fontColorMain: #111;
    --fontColor000: #000;
    --fontColor555: #555;
    --fontColorfff: #fff;
    --fontColor707070: #707070;
    --fontColorblue2: #1b3c88;
    --fontColorblue3: #0064dd;
    --fontColorblue4: #000f4f;
    --fontColorblue5: #005eb8;
    --fontColorblue6: #0a45a6;
    --fontColorblue7: #0e3799;
    --fontColorTopSMenu: #666;
    --fontColorTopSMenuOn: #0064dd;
    --fontColorRed1: #d40000;
    --fontColorGray: #666;
    --fontColorYellow : #fff600;
    
    

    /* button */
    --btnBlue1: #0064dd;
    --latestMoreBg: #f7f7f8;
    --latestMoreColor: #000000;
    --TopSearchBtnBg: url("/images/top/icon_search.png") no-repeat center center;
    --topSearchWrapBg:rgba(0,84,209,0.9);
    --TopMenuBtnbg: url("/images/top/menu_btn.png") no-repeat center center;
    --headerPrintBtnbg: url("/images/top/icon_print.png") no-repeat center center;

    --bbtBtnFontColor : #0e3799;
    --bbtBtnFontColorOn : #ffffff;
    --bbtBtnBorder : 1px solid #0e3799;
    --bbtBtnBg : #ffffff;
    --bbtBtnBgOn : #0e3799;
    --bbtDownloadAfterImage: url("/images/content/icon_download.png");
    --bbtDownloadAfterImageOn: url("/images/content/icon_download_white.png");
    --bbtLinkAfterImage: url("/images/content/icon_link.png");
    --bbtLinkAfterImageOn: url("/images/content/icon_link_white.png");
    
    --mainLangBtnBg: #81d2cf;
    --mainLangBtnBgOn: #02A79F;
    --mainLangBtnBorder: 1px solid #d9d9d9;
    --mainLangBtnBorderOn: 1px solid #1b3c88;

    
    /* table */
    --tableThBg1 : #f4f5f8;
    --tableThBg2 : #ebf3fc;
    --tableThBg4_1 : #f2faff;
    --tableThBg4_2 : #fff7f7;
    
    --tableTopBorder : 2px solid #545a63;
}

/* 프린트 때문에 기본 root에도 light와 똑같이 추가해줘야 함. 또는 light를 빼던가... */
:root[color-theme='light'] {
    /* 스위치 버튼 */
    --lightVisible: none;
    --darkVisible: inline-block;
    --switchCont:"다크모드";
}

:root[color-theme='dark'] {
    /* 스위치 버튼 */
    --lightVisible: inline-block;
    --darkVisible: none;
    --switchCont:"라이트모드";
    
    /* background */
    --mainBg: #272E3D;
    --mainConBg: #001127;
    --mainInfoBg: #020c1b;
    --bgBlue1: #011e46;
    --bgBlue2: #1b3c88;
    --bgBlue3: #0064dd;
    --bgSkyBlue1: #ebf3fe;
    --bgSkyBlue2: #47484A;
    --bgSkyBlue3: #222939;
    --bgDarkGray222: #222222;
    --bgSsMenuIconOff: #dddddd;
    --bgSsMenuIconOn: #4674e0;
    --bgTransparentButton: #47484A;
    --bgTransparentButton2: #55585e;
    --bgTransparentButton3: #55585e;
    --bgDeptListItem: #282B2E;
    --frmInputBg: #0e151d;
    --iconBorderBoxBeforeBg : #303545;
    --grayBg : #6a6e77;
    --grayBg2 : #6a6e77;
    --grayBg3 : #282B2E;
    --logoImage : url("/images/top/logo_white.png") no-repeat left top;
    --logoImage2 : url("/images/top/logo_white.png") no-repeat left top;

    /* border */
    --border: 1px solid #383838;
    --topMenuBorder: 1px solid #4e4e4e;
    --frmInputBorder: 1px solid #ffffff40;
    --normalBtnBorder: 1px solid #222;

    /* fontColor */
    --fontColorMain: #eee;
    --fontColor000: #eee;
    --fontColor555: #dedede;
    --fontColorfff: #eee;
    --fontColor707070: #bbb;
    --fontColorblue2: #b5b8ff;
    --fontColorblue3: #ffffff;
    --fontColorblue4: #e1e1e1;
    --fontColorblue5: #2391fb;
    --fontColorblue6: #2391fb;
    --fontColorblue7: #2391fb;
    --fontColorTopSMenu: #ccc;
    --fontColorTopSMenuOn: #fff;
    --fontColorRed1: #ff6f6f;
    --fontColorGray: #b0b0b3;
    --fontColorYellow : #fff600;
    

    /* button */
    --btnBlue1: #02418d;
    --latestMoreBg: #242425;
    --latestMoreColor: #bbb;
    --TopSearchBtnBg: url("/images/top/icon_search_white.png") no-repeat center center, #47484A;
    --topSearchWrapBg:rgba(2, 47, 116, 0.9);
    --TopMenuBtnbg: url("/images/top/menu_btn_white.png") no-repeat center center, #47484A;
    --headerPrintBtnbg: url("/images/top/icon_print_white.png") no-repeat center center;
    
    --bbtBtnFontColor : #eee;
    --bbtBtnFontColorOn : #ffffff;
    --bbtBtnBorder : 1px solid #06246b;
    --bbtBtnBg : #011e46;
    --bbtBtnBgOn : #06246b;
    --bbtDownloadAfterImage: url("/images/content/icon_download_white.png");
    --bbtDownloadAfterImageOn: url("/images/content/icon_download_white.png");
    --bbtLinkAfterImage: url("/images/content/icon_link_white.png");
    --bbtLinkAfterImageOn: url("/images/content/icon_link_white.png");

    --mainLangBtnBg: #303746;
    --mainLangBtnBgOn: #0f1422;
    --mainLangBtnBorder: 1px solid #454059;
    --mainLangBtnBorderOn: 1px solid #1b3c88;

    /* table */
    --tableThBg1 : #121a2b;
    --tableThBg2 : #07132e;
    --tableThBg4_1 : #536878;
    --tableThBg4_2 : #800000;

    --tableTopBorder : 2px solid #0c131e;
}




@media (max-width: 767px) {                             /* var(--mobile) */
        
    :root {
    }
    
    :root[color-theme='dark'] {
    }

    .isDesktopOnly { display:none; }
    .isTabletOnly { display:none; }
    .isMobileOnly { display:initial; }
    .isMobileOnly.isTabletOnly { display:initial; }
    th.isMobileOnly,
    td.isMobileOnly,
    th.isMobileOnly.isTabletOnly,
    td.isMobileOnly.isTabletOnly { display:table-cell; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    .isDesktopOnly { display:none; }
    .isTabletOnly { display:initial; }
    .isDesktopOnly.isTabletOnly { display:initial; }
    .isMobileOnly.isTabletOnly { display:initial; }
    .isMobileOnly { display:none; }
    
    th.isTabletOnly,
    th.isDesktopOnly.isTabletOnly,
    td.isTabletOnly,
    td.isDesktopOnly.isTabletOnly,
    th.isMobileOnly.isTabletOnly,
    td.isMobileOnly.isTabletOnly { display:table-cell; }
}
@media (min-width: 1024px) {                            /* var(--desktop) */
    .isDesktopOnly { display:initial; }
    .isTabletOnly { display:none; }
    .isDesktopOnly.isTabletOnly { display:initial; }
    .isMobileOnly { display:none; }
    
    th.isDesktopOnly,
    th.isDesktopOnly.isTabletOnly,
    td.isDesktopOnly,
    td.isDesktopOnly.isTabletOnly { display:table-cell; }
}




@media (max-width: var(--mobile)) {
}

@media (min-width: var(--mobile)) and (max-width: var(--tablet)) {
}

@media (min-width: var(--desktop)) {
}




.hidden { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
}
small { display:none; }

ul { list-style:none; margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

.none { display:none; }
.img_block { margin:0px; padding:0px; font-size:0px; line-height:0px; display:block; }

span.hidden_span { text-indent:-10000px; overflow:hidden; height:0; font-size:0; line-height:0px; }
p.hidden_p { text-indent:-10000px; overflow:hidden; height:0; font-size:0; line-height:0px; }




/* 레이아웃 크기 지정 시작 */
#wrapper-header { position:relative; }

.innerLayout { width:100%; max-width:1480px; margin:0 auto; padding:0 20px; }


@media (max-width: 767px) {                             /* var(--mobile) */
    .innerLayout { padding:0 20px; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    
}
@media (min-width: 1024px) {                            /* var(--desktop) */
   
}
/* 레이아웃 크기 지정 끝 */


#skip-nav {background-color:#9acd32;color:#fff;width:100%;height:0px;}
#skip-nav li a { display:block; position:absolute; top:0; left:-9999px; width:100%; height:45px; line-height:45px; background:#03254c; color:#fff; font-size:15px; text-align:center; }
#skip-nav li a:hover, #skip-nav li a:focus { left:0; z-index:2000; }


/* 팝업 시작 */
.pop_wrap { position:absolute; left:3%; top:3%; max-width:90%; border:1px solid #777; overflow:hidden; z-index:910; background:#fff; }
a.pop_wrap_a { display:inline-block; vertical-align:top; }

.pa_hd_pops_header { display:block; padding:10px 40px 10px 10px; background:#33353E; box-sizing:border-box; position:relative; }
.pa_hd_pops_header {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.pa_hd_pops_header:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.pa_hd_pops_header > p { color:#fff; font-size:16px; }

.hd_pops_header_close { color:rgba(255,255,255,0.8); font-size:21px; cursor:pointer; position:absolute; right:10px; top:50%; margin-top:-0.5em; line-height:1em; }
.hd_pops_header_close:hover { color:rgba(255,255,255,1); }
.hd_pops_header_close > i,
.hd_pops_header_close > svg { vertical-align:top; }

.pop_con_img { max-width:100%; display:block; }

.pa_hd_pops_footer { margin:0 auto; display: flex; justify-content: space-between; padding:10px; background:#33353E; color:#A39B97; box-sizing:border-box; line-height:25px; }
.pa_hd_pops_footer button.pops_reject { color:rgba(255,255,255,0.7); font-size:14px; letter-spacing:-0.05em; cursor:pointer; margin:0 0px 0 0;  border:0px; background:none; line-height:inherit; }
.pa_hd_pops_footer button.pops_reject:hover { color:rgba(255,255,255,0.9); }
.pa_hd_pops_footer button.pops_close { float:right; color:rgba(255,255,255,0.7); font-size:14px; letter-spacing:-0.05em; cursor:pointer; margin:0 0px 0 0;  border:0px; background:rgba(0,0,0,0.5); line-height:inherit; padding:0 10px; }
.pa_hd_pops_footer button.pops_close:hover { color:rgba(255,255,255,0.9); background:rgba(0,0,0,0.9); }
/* 팝업 끝 */




/* Top Navigation Bar 시작 */
#tnb { 
    margin:0 auto; 
    background: linear-gradient(to right, 
                                    var(--mainBg) 50%,                   /* 50% 지점까지 투명 */
                                    var(--mainBg) calc(50% + 400px),     /* 50% + 250px까지 투명 */
                                    var(--bgBlue1) calc(50% + 400px),    /* 50% + 250px부터 파란색 시작 */
                                    var(--bgBlue1) 100%                  /* 끝까지 파란색 유지 */
                                );
}
#tnb:after { display:block; visibility:hidden; clear:both; content:""; }
#tnb .tnbInner { display: flex; justify-content: space-between; align-items: center; }

#tnbLink { display: inline-flex; flex-direction: row; }
#tnbLink > li { position:relative; padding:0 clamp(10px,1.4vw,25px); }
#tnbLink > li:first-child { padding-left:0; }
#tnbLink > li:last-child { padding-right:0; }
#tnbLink > li:not(:first-child)::after { content:""; position:absolute; left:0px; top:50%; margin-top:-2px; width:4px; height:4px; transform:translateX(-50%); border-radius:50%; background:#707070; }
#tnbLink > li > a { display:inline-block; font-size:clamp(14px,1.4vw,16px); color:var(--fontColor555); line-height:16px; padding:5px 0; font-weight:500; }

#tnbQuick { display:inline-block; line-height:26px; padding:7px 0 7px 7px; background:var(--bgBlue1); /*background:rgba(137, 222, 0, 0.3);*/ border-bottom-left-radius: 25px; }
#tnbQuick:after { display:block; visibility:hidden; clear:both; content:""; }
#tnbQuick > li { float:left; margin-left:clamp(15px,1.4vw,35px); position:relative; }
#tnbQuick > li > a { color:var(--fontColorfff); font-size:clamp(14px,1.4vw,16px); display:inline-block; }
#tnbQuick > li > a.linkBlank { background:url("/images/top/icon_link.png") no-repeat right center; background-size:clamp(15px,1.5vw,18px) auto; padding-right:clamp(20px,1.7vw,28px); }
#tnbQuick > li > a > span { display:inline-block; vertical-align:top; height:26px; line-height:26px; font-weight:500; }
#tnbQuick > li > a:hover > span,
#tnbQuick > li > a:focus > span { border-bottom:1px solid var(--fontColorfff); }

#tnbQuick > li.modeChangeWrap { margin-left:20px; }
    button.darkmode-toggle-switch { 
        position:relative; width:22px; height:22px; text-align:center; background: transparent; border-radius:3px; border: var(--topMenuBorder); 
        color: var(--fontColorMain); display:flex; justify-content:center; align-items:center; cursor:pointer; padding:0; overflow:visible; margin-top:2px; 
    }
    button.darkmode-toggle-switch::after { 
        position:absolute; right:0; display:none; top:24px; background:var(--mainBg); color: var(--fontColorMain); white-space:nowrap; 
        padding:4px 10px; border-radius:4px; content:var(--switchCont); transition:all 0.2s; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.3); 
    }
    button.darkmode-toggle-switch:hover::after  { display:inline-block; }
    button.darkmode-toggle-switch .visible { font-size: 13px; vertical-align:middle; }
    .darkmode-toggle-switch .visible.dark { display: var(--lightVisible); color:#FCEE21; }
    .darkmode-toggle-switch .visible.bright { display: var(--darkVisible); color:#FBB03B; }
/* Top Navigation Bar 끝 */




/* 상단 영역 시작 */
#topWrap { margin:0 auto; background:var(--mainBg); border-bottom:var(--topMenuBorder); }
#topWrap:after { display:block; visibility:hidden; clear:both; content:""; }
#topWrap .topWrapInner { display: flex; justify-content: space-between; align-items:start; padding:15px 20px 0; }

#logo { background:var(--logoImage); }
#logo img { opacity:0; display:block; }


#topMenuArea { margin-left: auto; }
#topMenu { display: flex; }
#topMenu > li { }
#topMenu > li > a { display:inline-block; text-decoration:none; color:var(--fontColorMain); line-height:60px; padding:0 clamp(15px,2vw,40px) 12px; }
#topMenu > li > a:focus,
#topMenu > li:hover > a,
#topMenu > li.on > a { color:var(--fontColorblue5); }
#topMenu > li > a > span { display:inline-block; font-size:clamp(18px,1.042vw,22px); font-weight:500; }

#topMenu > li > .topSmenuWrap { display:none; position:absolute; left:0px; top:calc(100% - 1px); right:0px; width:100%; z-index:400; background:var(--mainBg); border-top:var(--topMenuBorder); border-bottom:var(--topMenuBorder); }
#topMenu > li:hover > .topSmenuWrap { display: flex; justify-content: center; }
#topMenu > li > .topSmenuWrap > div { max-width:1440px; width: 100%; margin:0 auto; display: flex; flex-direction: row; }
#topMenu > li > .topSmenuWrap > div > div { padding:60px 0 50px; }
#topMenu > li > .topSmenuWrap > div > .topSmenuTitle { flex-shrink: 0; width: 155px; border-right:var(--topMenuBorder); } 
#topMenu > li > .topSmenuWrap > div > .topSmenuTitle > span { font-size:36px; font-weight:800; color:var(--fontColor000); }

#topMenu > li > .topSmenuWrap > div > .topSmenu { flex-grow:1; display: flex; padding:0; }
    .topSmenu > .topSmenuItem { width:25%; border-left:var(--topMenuBorder); padding:60px 26px 50px; }
    .topSmenuWrap.topSmenuWrap5 .topSmenu > .topSmenuItem { width:33%; }
    .topSmenu > .topSmenuItem:first-child { border-left:0px; }
    .topSmenu > .topSmenuItem > .topSmenuBlock { margin-top:50px; }
    .topSmenu > .topSmenuItem > .topSmenuBlock:nth-child(1) { margin-top:0px; }
    .topSmenu > .topSmenuItem > .topSmenuBlock > a { display:inline-block; width:100%; position:relative; font-size:18px; color:var(--fontColor000); font-weight:600; padding:0 2px; }
    .topSmenu > .topSmenuItem > .topSmenuBlock > a > .cross-box { position:absolute; width:18px; height:18px; right:0; top:1px; border:1px solid var(--bgSsMenuIconOff); }
    .topSmenu > .topSmenuItem > .topSmenuBlock.on > a > .cross-box { border:1px solid var(--bgSsMenuIconOn); }
    .topSmenu > .topSmenuItem > .topSmenuBlock > a > .cross-box:before, 
    .topSmenu > .topSmenuItem > .topSmenuBlock > a > .cross-box:after {
        content:''; position:absolute; width:8px; height:1px; right:4px; top:8px; background-color:var(--bgSsMenuIconOff);
        -webkit-transition-duration: .3s;
                transition-duration: .3s;
    }
    .topSmenu > .topSmenuItem > .topSmenuBlock > a > .cross-box:before {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    .topSmenu > .topSmenuItem > .topSmenuBlock > a > .cross-box:after {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
    }
    .topSmenu > .topSmenuItem > .topSmenuBlock.on > a > .cross-box:before,
    .topSmenu > .topSmenuItem > .topSmenuBlock.on > a > .cross-box:after {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    .topSmenu > .topSmenuItem > .topSmenuBlock.on > a > .cross-box:before, 
    .topSmenu > .topSmenuItem > .topSmenuBlock.on > a > .cross-box:after  {
        background-color:var(--bgSsMenuIconOn);
    }

    .topSmenu > .topSmenuItem > .topSmenuBlock > div { padding-top:13px; display:none; }
    .topSmenu > .topSmenuItem > .topSmenuBlock.basicOn > div { display:block; }
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul { }
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul > li { padding:4px 0; }
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul > li > a { font-size:16px; color:var(--fontColorTopSMenu); font-weight:500; }
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul > li > a::before { content:"●"; font-size:5px; font-weight:400; display:inline-block; vertical-align: middle; margin:-4px 5px 0 0px; }
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul > li > a:hover,
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul > li > a:focus,
    .topSmenu > .topSmenuItem > .topSmenuBlock > div > ul > li.on > a { color:var(--fontColorTopSMenuOn); }
    
    
#topMenu > li > .topSmenuWrap > div > .topSmenuBanner { flex-shrink: 0; width: 320px; border-left:var(--topMenuBorder); }
#topMenu > li > .topSmenuWrap > div > .topSmenuBanner > div { padding-left:30px; text-align:center; }
    .tsbTitle { font-size:24px; color:var(--fontColorblue2); font-weight:600; }
    .tsbSubTitle { font-size:16px; color:var(--fontColor555); padding:5px 0 10px; }
    .tsbMemberBtnWrap { display:flex; gap:10px; justify-content:space-between; } 
    .tsbMemberBtnWrap > div:nth-child(1) { width:50%; color:var(--fontColorfff); background-color:var(--bgBlue2); }
    .tsbMemberBtnWrap > div:nth-child(2) { width:50%; color:var(--fontColorblue2); }
    .tsbMemberBtnWrap > div > a { display:inline-block; width:100%; line-height:42px; border:1px solid var(--bgBlue2); color:inherit; font-size:18px; }
    .tsbService { 
        display:inline-block; vertical-align:top; width:100%;
        background-color:var(--bgSkyBlue2); padding:23px; text-align:left; margin:10px 0 13px; border:1px solid transparent;
        background-image:url("/images/top/icon_document.png"); background-position:right 17px center; background-repeat:no-repeat;
    }
    .tsbService:hover { border:1px solid var(--bgBlue2); }
    .tsbServiceTit { font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); font-weight:600; padding-bottom:2px; }
    .tsbServiceCon { font-size:16px; color:var(--fontColor555); }
    .tsbCall { position:relative; padding-left:57px; display:flex; flex-wrap: wrap; box-sizing:border-box; text-align:left; }
    .tsbCall::before { 
        content:""; display:block; position:absolute; left:0px; top:0px; width:50px; height:50px; border-radius:50%; 
        background-color:var(--bgBlue3); background-image:url("/images/top/icon_call.png"); background-repeat:no-repeat; background-position:13px 14px;
    }
    .tsbCall_1 { width:37px; font-size:18px; color:var(--fontColor000); font-weight:600; align-content: center; line-height:1.4em; }
    .tsbCall_2 { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; }
    .tsbCall_2_1 { font-size:26px; color:var(--fontColor000); font-weight:700; align-content: center; padding:0px 0 0px; line-height:1.1em; }
    .tsbCall_2_2 { font-size:16px; color:var(--fontColor555); font-weight:400; align-content: center; padding:0px 0 2px; }




.TopSearchBtn { margin-left:5px; margin-top:-13px; width:36px; height:36px; padding:0px; border:0px; border-radius:5px; background:var(--TopSearchBtnBg); align-self: center; }
.TopAllMenuBtn { margin-left:10px; margin-top:-13px; width:36px; height:36px; padding:0px; border:0px; border-radius:5px; background:var(--TopMenuBtnbg); align-self: center; }

#topSearchWrap { position:absolute; left:0; top:0; right:0; width:100%; top:calc(100%); z-index:380; padding:60px 0; background:var(--topSearchWrapBg); display:none; }
#topSearchWrap .innerLayout { display:flex; flex-direction:column; align-items:center; position:relative; }
.topSearchTitle { color:#fff; font-size:26px; font-weight:500; padding-bottom:25px; }
.topSearchTitle > img { display:inline-block; vertical-align:baseline; margin:0 0 0 10px; }
#topSearchForm { display:inline-flex; height:60px; max-width:90%; }
#topSearchForm .tsfInner1 { flex-grow:1; width:475px; }
#topSearchForm .tsfInner2 { margin-left:5px; flex-shrink: 0; width:115px; }
#tsfStx { width:100%; height:100%; margin:0; padding:0 50px 0 25px; border:0; font-size:clamp(17px,1.042vw,20px); }
#tsfSubmit { width:100%; height:100%; background:#002761; color:#fff; margin:0; padding:0; border:0; font-size:clamp(17px,1.042vw,20px); font-weight:500; }
#tsfClose { position:absolute; right:0px; top:-33px; width:42px; height:42px; line-height:42px; border-radius:50%; background:#002761; text-align:center; color:#fff; font-size:22px; margin:0; padding:0px 0 0 1px; border:0px; box-sizing:border-box; }





@media (max-width: 767px) {                             /* var(--mobile) */
    #topMenuArea { display:none; }
    #tnb { display:none; }
    #topWrap .topWrapInner { display: flex; justify-content: start; align-items:start; padding:25px 20px 25px; }
    #topWrap .topWrapInner .TopSearchBtn { margin-left:auto; margin-top:0px; }
    #topWrap .topWrapInner .TopAllMenuBtn { margin-top:0px; }
        
    #tsfStx { padding:0 10px 0 10px; }
    #tsfClose { right:10px; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    #tnb { 
        background: linear-gradient(to right, 
                                        var(--mainBg) 50%,                   /* 50% 지점까지 투명 */
                                        var(--mainBg) calc(50% + 200px),     /* 50% + 250px까지 투명 */
                                        var(--bgBlue1) calc(50% + 200px),    /* 50% + 250px부터 파란색 시작 */
                                        var(--bgBlue1) 100%                  /* 끝까지 파란색 유지 */
                                    );
    }

    #topMenuArea { display:none; }
    /* #tnb { display:none; } */
    #topWrap .topWrapInner { display: flex; justify-content: start; align-items:start; padding:25px 20px 25px; }
    #topWrap .topWrapInner .TopSearchBtn { margin-left:auto; margin-top:0px; }
    #topWrap .topWrapInner .TopAllMenuBtn { margin-top:0px; }
        
    #tsfStx { padding:0 10px 0 10px; }
    #tsfClose { right:10px; }
}
@media (min-width: 1024px) {                            /* var(--desktop) */
   
}
/* 상단 영역 끝 */





/* 전체 메뉴 시작 */
:root {
--amBoxTitleFontColor: #0e3799;
--amBoxConInnerTitleFontColor:#000000;
--amBoxConInnerTitleOnFontColor:#ffffff;
--amBoxConInnerTitleBg:#ffffff;
--amBoxConInnerTitleOnBg:#0e3799;
--amBoxConInnerConTextOnFontColor:#014bb2;
}

:root[color-theme='dark'] {
--amBoxTitleFontColor: #eeeeee;
--amBoxConInnerTitleFontColor:#e1e1e1;
--amBoxConInnerTitleOnFontColor:#ffffff;
--amBoxConInnerTitleBg:#555555;
--amBoxConInnerTitleOnBg:#333333;
--amBoxConInnerConTextOnFontColor:#ffffff;
}


#allMenuCover { position:absolute; top:0; right:0; left:0; width:100%; z-index:610; display:none; background-color:var(--mainBg); }

.allMenuTopArea { height:130px; background:url("/images/top/bg_wave.jpg") no-repeat center center; }
.allMenuTopArea .innerLayout { position:relative; display:flex; height:100%; justify-content: center; align-items: center; }
.allMenuTopArea .innerLayout span { font-size:32px; color:#fff; }

.allMenuClose { position:absolute; right:20px; top:50%; transform:translateY(-50%); margin:0; padding:0; border:0; background:none; font-size:clamp(17px,1.042vw,20px); color:#fff; }
.allMenuClose i,
.allMenuClose svg { display:inline-block; vertical-align:middle; font-size:30px; margin:-3px 0 0 10px; }

.allMenuBodyArea { display:flex; flex-direction:column; gap:20px; padding:80px 0; }
.amBoxWrap { display:flex; align-items:start;  padding:40px; border:var(--topMenuBorder); border-radius:20px; background: var(--frmInputBg); }
.amBoxWrap > .amBoxTitle { flex-shrink:0; width:195px; font-size:32px; font-weight:600; color:var(--amBoxTitleFontColor); padding:6px 0; }
.amBoxWrap > .amBoxCon { flex-grow:1; display:flex; flex-wrap:wrap; }
.amBoxWrap > .amBoxCon .amBoxConInner { display:flex; flex-direction: column; width:25%; border-left:var(--topMenuBorder); padding:0 18px; }
.amBoxWrap > .amBoxCon .amBoxConInner:nth-child(n+5) { padding-top:30px; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerTitle { display:flex; align-items: center; color:var(--amBoxConInnerTitleFontColor); height:52px; font-weight:500; font-size:clamp(17px,1.042vw,20px); line-height:normal; background: var(--amBoxConInnerTitleBg); border:var(--topMenuBorder); border-radius:10px; padding:0px 5px 0px 15px; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerTitle:focus,
.amBoxWrap > .amBoxCon .amBoxConInner:hover > .amBoxConInnerTitle,
.amBoxWrap > .amBoxCon .amBoxConInner.on > .amBoxConInnerTitle { color:var(--amBoxConInnerTitleOnFontColor); background: var(--amBoxConInnerTitleOnBg); border:1px solid var(--amBoxConInnerTitleOnBg); }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon { padding:0 0 15px; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText { position:relative; padding:7px 0 7px 30px; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText:first-child { margin-top:12px; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText a { position:relative; color:var(--fontColor555); font-size:18px; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText a:focus,
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText a:hover,
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText.on a { color:var(--amBoxConInnerConTextOnFontColor); text-decoration:underline; text-underline-position : under; }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText a::before { content:""; display:block; position:absolute; left:-15px; width:5px; height:5px; border-radius:50%; top:8px; background-color:var(--fontColor555); }
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText a:focus::before,
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText a:hover::before,
.amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon > .amBoxConInnerConText.on a::before { background-color:var(--amBoxConInnerConTextOnFontColor); }



#tnbLink2 { display:flex; border-bottom:1px solid rgba(255,255,255,0.5); }
#tnbLink2 > div { border-left:1px solid rgba(255,255,255,0.5); box-sizing:border-box; flex:1; white-space: nowrap; }
#tnbLink2 > div:first-child { border-left:0px; }
#tnbLink2 > div > a { display:inline-block; width:100%; font-size:clamp(16px,1.4vw,17px); color:#fff; line-height:25px; padding:10px 0; font-weight:500; text-align:center; }

.allMenuTopArea_m { background:url("/images/top/bg_wave_m.jpg") no-repeat center center; background-size:cover; }
.allMenuTopArea_m .innerLayout { padding:30px 20px; }
.allMenuTopArea_m .innerLayoutGrid_m1 { display:flex; justify-content: space-between; }
.allMenuTopArea_m .innerLayoutGrid_m2 { display:flex; gap:1px; margin-top:30px; }
.allMenuTopArea_m .innerLayoutGrid_m2 > div { flex:1; }
.allMenuTopArea_m .innerLayoutGrid_m2 > div > a { display:inline-block; width:100%; line-height:50px; text-align:center; font-size:clamp(18px,1.4vw,19px); color:var(--fontColorblue5); font-weight:600; background:#fff; }
.allMenuTopArea_m .innerLayoutGrid_m2 > div:first-child > a { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.allMenuTopArea_m .innerLayoutGrid_m2 > div:last-child > a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.allMenuTopArea_m .innerLayout span { font-size:32px; color:#fff; }

.allMenuClose_m { margin:0; padding:0; border:0; background:none; font-size:40px; color:#fff; }

.allMenuBodyArea_m { display:flex; }
.ambaMo1 { display:flex; flex-direction: column; width: 35%; background:var(--mainConBg); padding:0 0 50px; }
.ambaMo1 > div { border-bottom:1px solid rgba(255,255,255,0.5); }
.ambaMo1 > div .ambaMo1Btn { width:100%; height:130px; background:none; margin:0; padding:0; border:0; font-size:clamp(23px,1.4vw,27px); color:var(--fontColor555); font-weight:600;  }
.ambaMo1 > div .ambaMo1Btn.on { background:var(--mainBg); color:var(--fontColorblue5); }
.ambaMo2 { display:flex; flex-direction: column; flex-grow: 1; padding:35px 20px 50px 25px; }
.ambaMo2 > .ambaMo2Con { display:none; }

.ambaMo2Con > .topSmenuItem { width:100%; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > a { display:inline-block; width:100%; position:relative; font-size:clamp(20px,1.4vw,23px); color:var(--fontColor000); font-weight:600; padding:20px 0; border-bottom:var(--topMenuBorder); }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock.on > a { border-bottom:1px solid var(--fontColorblue5); }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > a > .arrow-box { position:absolute; right:0; top:50%; transform: translateY(-50%); margin-top:1px; color:var(--fontColor000); }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock.on > a > .arrow-box { color:var(--fontColorblue5); }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > a > .arrow-box .arrow-off { display:none; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > a > .arrow-box .arrow-on { display:block; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock.on > a > .arrow-box .arrow-off { display:block; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock.on > a > .arrow-box .arrow-on { display:none; }

.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div { padding:10px 0 20px; display:none; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock.basicOn > div { display:block; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul { }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul > li { padding:0px 0; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul > li > a { display:inline-block; font-size:clamp(15px,1.4vw,18px); color:var(--fontColorTopSMenu); font-weight:500; padding:5px 3px; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul > li > a::before { content:"●"; font-size:5px; font-weight:400; display:inline-block; vertical-align: middle; margin:-2px 5px 0 0px; }
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul > li > a:hover,
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul > li > a:focus,
.ambaMo2Con > .topSmenuItem > .topSmenuBlock > div > ul > li.on > a { color:var(--fontColorTopSMenuOn); }





@media (max-width: 767px) {                             /* var(--mobile) */
    #topMenuArea { display:none; }
    #tnb { display:none; }
    #topWrap .topWrapInner { display: flex; justify-content: start; align-items:start; padding:25px 20px 25px; }
    #topWrap .topWrapInner .TopSearchBtn { margin-left:auto; margin-top:0px; }
    #topWrap .topWrapInner .TopAllMenuBtn { margin-top:0px; }
        
    #tsfStx { padding:0 10px 0 10px; }
    #tsfClose { right:10px; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    .amBoxWrap > .amBoxCon .amBoxConInner { width:50%; }
    .amBoxWrap > .amBoxCon .amBoxConInner:nth-child(n+3) { padding-top:30px; }
    .amBoxWrap > .amBoxCon .amBoxConInner > .amBoxConInnerCon { padding:0 0 0px; }
    
}
@media (min-width: 1024px) {                            /* var(--desktop) */
   
}
/* 전체 메뉴 끝 */


/* 메인 영역 시작 */
/* 메인비주얼 퀵 */
#mainQuickWrap { position:relative; z-index:20; text-align:center; max-width:1440px; }
#mainQuickWrap > #mainQuickCover { position:absolute; left:0; right:0; top:0; transform: translateY(-50%); width:100%; height:250px; display:flex; flex-direction: row; box-shadow:15px 15px 15px 3px rgba(2, 16, 48, 0.1); }
#mainQuickWrap > #mainQuickCover.videoVer { position:relative; left:inherit; right:inherit; top:inherit; transform: translateY(0%); margin-top:50px; }
#mainQuickWrap > #mainQuickCover > .mqcItem { flex-grow:1; flex-basis: 0; padding:30px 40px 0px; }
#mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem1 { background:#0064dd; padding:0 40px; display:flex; justify-content: center; flex-direction: column; gap:9px; line-height:1.1em; }
.mqcItem2 { background:var(--mainBg); }
#mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem3 { background:#011e46; padding-top:50px; }
.mqcTitle { font-size:30px; color:#fff; font-weight:600; margin:0 0 10px; }
.mqcSubTitle { font-size:18px; color:#fff; font-weight:400; margin:0px 0 20px; }
    .mqcItem2 .mqcTitle,
    .mqcItem2 .mqcSubTitle { color:var(--fontColorMain); }

.mqcContent { display:flex; flex-direction: row; }

.mqcContent1 { flex-direction:column; gap:5px; margin:0 auto; }

.mqcContent2 { justify-content: space-evenly; margin-top:13px; gap:2px; }
.mqcContent2 .mqcContInner1 {  }
.mqcContent2 .mqcContInner2 {  }
.mqcContent2 .mqcContInner3 {  }
.mqcContent2 .mqcContInner > a { display:flex; flex-direction: column; align-items: center; }
.mqcContent2 .mqcContInner > a .mqcContIcon { width:90px; height:90px; background-color:#f5f7f8; border-radius:13px; background-repeat:no-repeat; background-position:center center; }
.mqcContent2 .mqcContInner > a:hover .mqcContIcon,
.mqcContent2 .mqcContInner > a:focus .mqcContIcon { border:1px solid #1483ff; }
.mqcContent2 .mqcContInner.mqcContInner1 > a .mqcContIcon { background-image:url("/images/main/mqc2_icon1.png"); }
.mqcContent2 .mqcContInner.mqcContInner2 > a .mqcContIcon { background-image:url("/images/main/mqc2_icon2.png"); }
.mqcContent2 .mqcContInner.mqcContInner3 > a .mqcContIcon { background-image:url("/images/main/mqc2_icon3.png"); }
.mqcContent2 .mqcContInner > a .mqcContName { display:inline-block; margin-top:14px; font-weight:600; color:var(--fontColorMain); font-size:18px;  }
.mqcContent2 .mqcContInner > a:hover .mqcContName > span,
.mqcContent2 .mqcContInner > a:focus .mqcContName > span { color:#1483ff; border-bottom:1px solid #1483ff; }

.mqcContent3 { height:50px; }
.mqcContent3 .mqcContInner1 { flex-grow:1; position:relative; }
.mqcContent3 .mqcContInner2 { margin-left:5px; flex-shrink: 0; width:clamp(60px,25%,100px); }
#mqcText { width:100%; height:100%; margin:0; padding:0 50px 0 15px; border:0; font-size:18px; }
#mqcSubmit { width:100%; height:100%; background:var(--btnBlue1); color:#fff; margin:0; padding:0; border:0; font-size:18px; }


.mqcItem1 .mqcTitle,
.mqcItem1 .mqcSubTitle { margin:0; }
.mqcItem1 .mqcContent3 { height:40px; }

.mqcItem.mqcItem1_chn * { font-family:'Noto Sans SC'; line-height:1.1em; }
.mqcItem.mqcItem1_jpn * { font-family:'Noto Sans JP'; line-height:1.1em; }
.mqcItem.mqcItem1_eng * { font-family:'Pretendard', 'Noto Sans KR', 굴림, Tahoma; word-break:keep-all; gap:5px; }

.mqcItem1.mqcItem1_eng .mqcTitle { font-size:26px; }
.mqcItem1.mqcItem1_eng .mqcSubTitle { font-size:16px; }

.mqcItem.mqcItem1_chn .consultationText0,
.mqcItem.mqcItem1_jpn .consultationText0 { font-weight:500; }

.consultationText1 { font-size:clamp(16px,1.4vw,18px); }

.consultationLangBtnWrap { display:flex; justify-content: center; gap:5px; }
.consultationLangBtn { height:30px; margin:0; padding:0 5px; background:#777;  background:var(--mainLangBtnBg); border:var(--resvTypeTabBtnBorder); line-height:normal !important; border-radius:3px; }
.consultationLangBtn.consultationLangBtn_chn { font-family: 'Noto Sans SC' !important; }
.consultationLangBtn.consultationLangBtn_jpn { font-family: 'Noto Sans JP' !important; }
.consultationLangBtn.consultationLangBtn_eng { font-family:'Noto Sans KR', 굴림, Tahoma; }
.consultationLangBtn > span { vertical-align:middle; margin:-3px 2px 0; }
.consultationLangBtn.on { background:var(--mainLangBtnBgOn); border:var(--resvTypeTabBtnBorderOn); }

.consultationInputWrap { display:flex; gap:5px; flex-wrap: nowrap; }
.consultationInputWrap #consultationInput1 { flex-grow:1; width:clamp(80px,30%,100px); height:40px; margin:0; padding:0 10px 0 15px; border:0; font-size:15px; }
.consultationInputWrap #consultationInput2 { flex-shrink:0; width:clamp(120px,40%,150px); height:40px; margin:0; padding:0 10px 0 15px; border:0; font-size:15px; }
.consultationInputWrap #consultationInput3 { flex-grow:1; width:clamp(80px,80%,300px); height:40px; margin:0; padding:0 10px 0 15px; border:0; font-size:15px; }
.consultationInputWrap #consultationSubmit { flex-shrink:0; width:100px; height:40px; height:40px; background:var(--btnBlue1); color:#fff; margin:0; padding:0; border:0; font-size:18px; }


.consultationPrivacyPolicyWrap { display:flex; justify-content: space-between; align-items: center; color:#fff; font-size:14px; }

.consultationPrivacyPolicyWrap .transparent_chkbox_wrapper .transparent_chkbox { cursor:pointer; }
.consultationPrivacyPolicyWrap .transparent_chkbox_wrapper span img { top:0px; }
.consultationPrivacyPolicyWrap .transparent_chkbox_wrapper .transparent_chkbox_focus_area { top:-1px; }
.consultationPrivacyPolicyWrap .transparent_chkbox_wrapper.on .transparent_chkbox_focus_area { border-color:#02A79F; background:#02A79F; }

.consultationPrivacyPolicyWrap span.consultationText3 { cursor:pointer; }

.consultationPrivacyPolicyBtn { display:inline-block; font-size:14px; color:#222; padding:3px 6px; border-radius:3px; background-color:#e1e1e1; border:1px solid #aaa; text-align:center; }
.consultationPrivacyPolicyBtn:hover { background:#222; color:#fff; border:1px solid #000; }


.twemoji--flag-china {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23de2910' d='M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z'/%3E%3Cpath fill='%23ffde02' d='m11.136 8.977l.736.356l.589-.566l-.111.81l.72.386l-.804.144l-.144.804l-.386-.72l-.81.111l.566-.589zm4.665 2.941l-.356.735l.566.59l-.809-.112l-.386.721l-.144-.805l-.805-.144l.721-.386l-.112-.809l.59.566zm-.957 3.779l.268.772l.817.017l-.651.493l.237.783l-.671-.467l-.671.467l.236-.783l-.651-.493l.817-.017zm-3.708 3.28l.736.356l.589-.566l-.111.81l.72.386l-.804.144l-.144.804l-.386-.72l-.81.111l.566-.589zM7 10.951l.929 2.671l2.826.058l-2.253 1.708l.819 2.706L7 16.479l-2.321 1.615l.819-2.706l-2.253-1.708l2.826-.058z'/%3E%3C/svg%3E");
}
.twemoji--flag-japan {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23eee' d='M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z'/%3E%3Ccircle cx='18' cy='18' r='7' fill='%23ed1b2f'/%3E%3C/svg%3E");
}
.twemoji--flag-us-outlying-islands {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23b22334' d='M35.445 7C34.752 5.809 33.477 5 32 5H18v2zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2M18 9h18v2H18z'/%3E%3Cpath fill='%23eee' d='M.068 27.679q.025.14.059.277q.04.15.092.296c.089.259.197.509.333.743L.555 29h34.89l.002-.004a4 4 0 0 0 .332-.741a4 4 0 0 0 .152-.576c.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679M0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM.555 7l-.003.005zM.128 8.044c.025-.102.06-.199.092-.297a4 4 0 0 0-.092.297M18 9h18c0-.233-.028-.459-.069-.68a3.6 3.6 0 0 0-.153-.576A4 4 0 0 0 35.445 7H18z'/%3E%3Cpath fill='%233c3b6e' d='M18 5H4a4 4 0 0 0-4 4v10h18z'/%3E%3Cpath fill='%23fff' d='m2.001 7.726l.618.449l-.236.725L3 8.452l.618.448l-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449l-.236.725l.617-.448l.618.448l-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L5 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449l-.236.725L7 8.452l.618.448l-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448l-.236-.725l.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 11l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448l-.236-.725l.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 15l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 15l-.235.726z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {                             /* var(--mobile) */
    #mainQuickWrap > #mainQuickCover { position:relative; transform: translateY(0%); width:100%; height:auto; padding:20px 0; flex-direction: column; box-shadow:none; gap:30px; }
    #mainQuickWrap > #mainQuickCover > .mqcItem { flex-grow:1; flex-basis: 0; padding:40px 0px 40px; }
    #mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem1 { padding:40px 0px 40px;  }
    #mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem3 { padding-top:40px; }
    .consultationPrivacyPolicyWrap { padding:0 20px; }
    .mqcContent1 { max-width:96%; }
    .mqcContent2 { justify-content: space-between; margin-top:13px; gap:2px; }
    .mqcContent3 { padding:0 20px; }
    .mqcItem3 { border-radius:15px; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    #mainQuickWrap > #mainQuickCover {  position:relative; transform: translateY(0%); width:100%; height:auto; padding:20px 0; box-shadow:none; flex-wrap:wrap; }
    #mainQuickWrap > #mainQuickCover > .mqcItem { padding:40px 0px 40px; }
    #mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem1 { width:55%; flex:0 1 auto; padding:40px 0px 40px; }
    #mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem2 { border-top:var(--topMenuBorder); border-right:var(--topMenuBorder); }
    #mainQuickWrap > #mainQuickCover > .mqcItem.mqcItem3 { width:100%; padding-top:40px; }
    .consultationPrivacyPolicyWrap { padding:0 20px; }
    .mqcContent1 { max-width:96%; }
    .mqcContent2 { margin-top:13px; gap:2px; }
    .mqcContent3 { padding:0 20px; }
    .mqcItem3 {  }

}
@media (min-width: 1024px) {                            /* var(--desktop) */
   
}



/* 진료과 안내 */
#mainMedicalDepartmentWrap { position:relative; background-color:var(--mainConBg); overflow:hidden; }
#mainMedicalDepartmentWrap::before { 
    content:""; width:clamp(450px,40vw,650px); height:clamp(450px,40vw,650px); position:absolute; right:0; top:0; transform: translate(17%, -17%);
    background:url("/images/main/chh_bg1.png") no-repeat left bottom; background-size:cover; opacity:0.05; z-index:0;
}
#mmdInner { width:90%; max-width:1440px; margin:0 auto; padding:180px 0 100px; }
#mmdInner.videoVer { padding:80px 0 100px;  }
.mmdTitle { font-size:36px; text-align:center; font-weight:500; }
.mmdSubTitle { font-size:clamp(17px,1.042vw,20px); text-align:center; padding:5px 0 40px; }


@media (max-width: 767px) {                             /* var(--mobile) */
    #mmdInner { width:100%; padding:60px 20px 40px; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    #mmdInner { width:100%; padding:60px 20px 40px; }

}
@media (min-width: 1024px) {                            /* var(--desktop) */
   
}



/* 병원 소식 */
#mainLatestWrap > .innerLayout { display:flex; gap:30px; padding:70px 20px 60px; }
#mainLatestWrap > .innerLayout > div:nth-child(1) { width:calc(68% - 30px); }
#mainLatestWrap > .innerLayout > div:nth-child(2) { width:32%; }
.mainLatestWrapTitle { display:inline-flex; gap:30px; align-items:baseline; margin:0 0 25px; }
.mainLatestWrapTitle > span { font-size:clamp(26px,1.042vw,32px); font-weight:700; color:var(--fontColorMain); }
.mainLatestWrapTitle > p { font-size:clamp(17px,1.042vw,20px); font-weight:300; color:var(--fontColor000); }

#mainBasicLatestArea { width:100%; height:370px; position:relative; }
#mainBasicLatestArea > ul { display:inline-block; width:100%; }
#mainBasicLatestArea > ul > li { width:100%; height:0px; }
#mainBasicLatestArea > ul > li > button { position:absolute; top:0px; left:0px; width:23.2%; height:60px; background:var(--frmInputBg); border:var(--frmInputBorder); font-size:clamp(17px,1.042vw,20px); color:var(--fontColor555); font-weight:500; z-index:5; }
#mainBasicLatestArea > ul > li:nth-child(1) > button { left:calc(0% - 1px); border-top-left-radius:5px; border-bottom-left-radius:5px; }
#mainBasicLatestArea > ul > li:nth-child(2) > button { left:calc(23.2% - 2px); }
#mainBasicLatestArea > ul > li:nth-child(3) > button { left:calc(46.4% - 3px); }
#mainBasicLatestArea > ul > li:nth-child(4) > button { left:calc(69.6% - 4px); }
#mainBasicLatestArea > ul > li.on > button { background:var(--bgBlue3); border:1px solid var(--bgBlue3); color:#fff; z-index:6; }
#mainBasicLatestArea > ul > li > div { position:absolute; left:0px; bottom:0px; right:0px; width:100%; height:calc(100% - 60px); display:none; box-sizing:border-box; padding:30px 0px; background:var(--bgTransparentButton); }
#mainBasicLatestArea > ul > li.on > div { display:block; }


@media (max-width: 767px) {                             /* var(--mobile) */
    #mainLatestWrap > .innerLayout { gap:30px; flex-direction: column; }
    #mainLatestWrap > .innerLayout > div:nth-child(1),
    #mainLatestWrap > .innerLayout > div:nth-child(2) { width:100%; }
    .mainLatestWrapTitle { gap:10px; display:flex; }

    #mainBasicLatestArea { height:auto; }
    #mainBasicLatestArea > ul > li { height:auto; }
    #mainBasicLatestArea > ul > li > button { width:25%; }
    #mainBasicLatestArea > ul > li:nth-child(1) > button { left:0%; border-top-left-radius:5px; border-bottom-left-radius:5px; }
    #mainBasicLatestArea > ul > li:nth-child(2) > button { left:25%; }
    #mainBasicLatestArea > ul > li:nth-child(3) > button { left:50%; }
    #mainBasicLatestArea > ul > li:nth-child(4) > button { left:75%; border-top-right-radius:5px; border-bottom-right-radius:5px; }

    #mainBasicLatestArea > ul > li > div { position:relative; margin-top:60px; height:auto; left: inherit; bottom: inherit; right: inherit; padding-bottom:0px; margin-bottom:30px; }
    #mainBasicLatestArea > ul > li > div > a.mbla_more { display:inline-block; text-decoration:none; position:relative; width:100%; height:60px; line-height:60px; background-color:var(--latestMoreBg); text-align:center; border-radius:5px; margin-top:10px; }
    #mainBasicLatestArea > ul > li > div > a.mbla_more > span { font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); }
    
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    #mainLatestWrap > .innerLayout > div:nth-child(1) { width:calc(60% - 30px); }
    #mainLatestWrap > .innerLayout > div:nth-child(2) { width:40%; }

}
@media (min-width: 1024px) {                            /* var(--desktop) */
    #mainBasicLatestArea > ul > li > div > a.mbla_more { display:inline-block; text-decoration:none; position:absolute; left:calc(92.8% - 5px); top:-60px; width:calc(7.2% + 5px); height:60px; background-color:var(--latestMoreBg);border:var(--frmInputBorder); text-align:center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
    #mainBasicLatestArea > ul > li > div > a.mbla_more:before, 
    #mainBasicLatestArea > ul > li > div > a.mbla_more:after {
        content:''; position:absolute; width:18px; height:2px; right:50%; transform: translateX(50%) rotate(0deg); top:28px; background-color:var(--latestMoreColor);
        -webkit-transition-duration: .3s;
                transition-duration: .3s;
    }
    #mainBasicLatestArea > ul > li > div > a.mbla_more:before {
        -webkit-transform: translateX(50%) rotate(0deg);
                transform: translateX(50%) rotate(0deg);
    }
    #mainBasicLatestArea > ul > li > div > a.mbla_more:after {
        -webkit-transform: translateX(50%) rotate(90deg);
                transform: translateX(50%) rotate(90deg);
    }
    #mainBasicLatestArea > ul > li > div > a.mbla_more > span { display:none; }
}



/* 주요민원 안내 */
:root {    /* 주요민원 안내 아이콘 */
    --micBg1: url("/images/main/info_1.png") no-repeat center center, #fff;
    --micBg2: url("/images/main/info_2.png") no-repeat center center, #fff;
    --micBg3: url("/images/main/info_3.png") no-repeat center center, #fff;
    --micBg4: url("/images/main/info_4.png") no-repeat center center, #fff;
    --micBg5: url("/images/main/info_5.png") no-repeat center center, #fff;
    --micBg1on: url("/images/main/info_1white.png") no-repeat center center, #1b3b87;
    --micBg2on: url("/images/main/info_2white.png") no-repeat center center, #1b3b87;
    --micBg3on: url("/images/main/info_3white.png") no-repeat center center, #1b3b87;
    --micBg4on: url("/images/main/info_4white.png") no-repeat center center, #1b3b87;
    --micBg5on: url("/images/main/info_5white.png") no-repeat center center, #1b3b87;
}

:root[color-theme='dark'] {     /* 주요민원 안내 아이콘 */
    --micBg1: url("/images/main/info_1white.png") no-repeat center center, #47484a;
    --micBg2: url("/images/main/info_2white.png") no-repeat center center, #47484a;
    --micBg3: url("/images/main/info_3white.png") no-repeat center center, #47484a;
    --micBg4: url("/images/main/info_4white.png") no-repeat center center, #47484a;
    --micBg5: url("/images/main/info_5white.png") no-repeat center center, #47484a;
    --micBg1on: url("/images/main/info_1white.png") no-repeat center center, #011e46;
    --micBg2on: url("/images/main/info_2white.png") no-repeat center center, #011e46;
    --micBg3on: url("/images/main/info_3white.png") no-repeat center center, #011e46;
    --micBg4on: url("/images/main/info_4white.png") no-repeat center center, #011e46;
    --micBg5on: url("/images/main/info_5white.png") no-repeat center center, #011e46;
}

#mainInformationWrap { 
    padding-bottom:80px;
    background: 
                /* 세로 방향 그라디언트 추가 (0~125px까지는 그라디언트, 그 이후는 흰색) */
                linear-gradient(to bottom,
                                transparent 0px, 
                                transparent calc(100% - 125px), /* 125px까지는 가로 그라디언트 유지 */
                                var(--mainBg) calc(100% - 125px), /* 125px 이후로는 var(--mainBg) */
                                var(--mainBg) 100%),
                
                /* 기존 가로 방향 그라디언트 */
                linear-gradient(to right, 
                                    var(--mainInfoBg) 0%,
                                    var(--mainInfoBg) calc(50% - 170px),
                                    var(--mainBg) calc(50% - 170px),
                                    var(--mainBg) 100%
                                );
}
#mainInformationCover { display:flex; flex-direction:row; gap:30px; }
.micTitle { font-size:clamp(26px,1.042vw,34px); font-weight:700; color:var(--fontColorMain); height:40px; padding-bottom:20px; box-sizing:content-box; }
.micItem1 { width:calc(50% - 15px); background:var(--mainInfoBg); border-bottom-right-radius:100px; padding:60px 6% 100px 0; margin-bottom:45px; position:relative; }
.micContent1 { display:flex; justify-content:space-between; padding-top:10px; }
.micItem1 .micContInner > a { display:flex; flex-direction: column; align-items: center; }
.micItem1 .micContInner > a .micContIcon { width:100px; height:100px; border-radius:20px; }
.micItem1 .micContInner.micContInner1 > a .micContIcon { background:var(--micBg1); }
.micItem1 .micContInner.micContInner2 > a .micContIcon { background:var(--micBg2); }
.micItem1 .micContInner.micContInner3 > a .micContIcon { background:var(--micBg3); }
.micItem1 .micContInner.micContInner4 > a .micContIcon { background:var(--micBg4); }
.micItem1 .micContInner.micContInner5 > a .micContIcon { background:var(--micBg5); }
.micItem1 .micContInner.micContInner1 > a:hover .micContIcon,
.micItem1 .micContInner.micContInner1 > a:focus .micContIcon { background:var(--micBg1on); }
.micItem1 .micContInner.micContInner2 > a:hover .micContIcon,
.micItem1 .micContInner.micContInner2 > a:focus .micContIcon { background:var(--micBg2on); }
.micItem1 .micContInner.micContInner3 > a:hover .micContIcon,
.micItem1 .micContInner.micContInner3 > a:focus .micContIcon { background:var(--micBg3on); }
.micItem1 .micContInner.micContInner4 > a:hover .micContIcon,
.micItem1 .micContInner.micContInner4 > a:focus .micContIcon { background:var(--micBg4on); }
.micItem1 .micContInner.micContInner5 > a:hover .micContIcon,
.micItem1 .micContInner.micContInner5 > a:focus .micContIcon { background:var(--micBg5on); }
.micItem1 .micContInner > a .micContName { display:inline-block; margin-top:14px; font-weight:600; color:var(--fontColorMain); font-size:clamp(16px,1.042vw,18px);  }
.micQuick { position:absolute; left:0px; bottom:0px; right:0px; width:100%; transform:translateY(50%); padding-right:21%; display:flex; justify-content:space-between; gap:10px; }
.micQuick > a { display:flex; align-items: center; width:100%; height:90px; font-size:clamp(18px,1.042vw,22px); color:#fff; font-weight:600; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:0 calc(4% + 25px) 0 20px; border-radius:10px; position:relative; }
.micQuick > a::after { content:"\f061"; font-family:"Font Awesome 6 Free"; color:#fff; position:absolute; right:7%; transition:all .2s ease-out; }
.micQuick > a:hover::after,
.micQuick > a:focus::after { right:4%; }
.micQuick > a.micQuickLink1 { background-image:url("/images/main/quick1.png"); }
.micQuick > a.micQuickLink2 { background-image:url("/images/main/quick2.png"); }


.micItem2 { width:calc(25% - 22px); }
.micItem3 { width:calc(25% - 22px); }
.micCover { display:flex; height:calc(100% - 60px); }


@media (max-width: 767px) {                             /* var(--mobile) */
    #mainInformationWrap { 
        padding-bottom:80px;
        background: none;
    }
    #mainInformationCover { flex-wrap: wrap; gap:0px; }
    .micItem1 { width:100%; border-radius:30px; padding:50px 10px; margin-bottom:70px; }
    
    .micTitle { padding:0 0 10px; }
    .micItem1 .micTitle { text-align:center; }
    .micContent1 { display: grid; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(3, 1fr); gap:20px 0; }
            
    .micQuick { position:relative; left:inherit; bottom:inherit; right:inherit; width:100%; transform:translateY(0%); padding-right:0%; display:flex; justify-content:space-between; margin-top:40px; }
    .micQuick > a { height:70px; }

    .micItem2 { width:48%; }
    .micItem3 { width:48%; margin-left:auto; }
    
    .micCover { height:auto; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    #mainInformationWrap { 
        padding-bottom:80px;
        background: none;
    }
    #mainInformationCover { flex-wrap: wrap; gap:0px; }
    .micItem1 { width:100%; border-radius:30px; padding:50px 10px; margin-bottom:70px; }
    
    .micTitle { padding:0 0 10px; }
    .micItem1 .micTitle { text-align:center; }
    .micContent1 { display: grid; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(3, 1fr); gap:20px 0; }
            
    .micQuick { position:relative; left:inherit; bottom:inherit; right:inherit; width:100%; transform:translateY(0%); padding-right:0%; display:flex; justify-content:space-between; margin-top:40px; }
    .micQuick > a { height:70px; }

    .micItem2 { width:48%; }
    .micItem3 { width:48%; margin-left:auto; }
    
    .micCover { height:auto; }
}
@media (min-width: 1024px) {                            /* var(--desktop) */

}
/* 메인 영역 끝 */





/* 서브영역 시작 */
#subMenuWrap { background:var(--bgBlue2); height:60px; margin-bottom:60px; }
#subMenuWrap .innerLayout { height:100%; display:flex; }
.smHome { display:flex; width:60px; background:var(--bgBlue3); align-items:center; justify-content:center; }
.smCon { position:relative; flex-basis:245px; border-right:1px solid rgba(255,255,255,0.2); }
.smCon > .smBtn { width:100%; height:100%; margin:0; padding:0; background:url("/images/top/smenu_arrow.png") no-repeat right 20px center; padding:0 45px 0 30px; color:#fff; font-size:18px; font-weight:600; text-align:left; border:0px; word-break: keep-all; }
.smCon.on > .smBtn { background:url("/images/top/smenu_arrow_on.png") no-repeat right 20px center; }
.smCon > .smUl { display:none; position:absolute; left:-1px; top:0; right:0; width:calc(100% + 2px); top:60px; flex-direction: column; border:1px solid var(--bgBlue2); border-top:0px; background:var(--bgDeptListItem); z-index:280; }
.smCon:nth-of-type(1) > .smUl { width:calc(100% + 1px); left:0px; }
.smCon.on > .smUl { display:flex; }
.smCon > .smUl > li { border-top:1px solid var(--bgBlue2); }
.smCon > .smUl > li:first-child { border-top:0px; }
.smCon > .smUl > li > a { display:flex; width:100%; height:50px; padding:0 10px 0 30px; align-items: center; }
.smCon > .smUl > li > a > span { font-size:16px; color:var(--fontColor555); font-weight:500; line-height:normal; }
.smCon > .smUl > li.on > a > span,
.smCon > .smUl > li > a:hover > span,
.smCon > .smUl > li > a:focus > span { color:var(--fontColorblue5); }


.headerTitle { position:relative; padding-bottom:40px; }
.headerTitle span { font-size:36px; color:var(--fontColor000); font-weight:600; }
.headerTitle .header_print { position:absolute; right:0px; top:0px; width:32px; height:32px; margin:0; padding:0; border:0; background:var(--headerPrintBtnbg); }



@media (max-width: 767px) {                             /* var(--mobile) */
    #subMenuWrap .innerLayout { padding:0; }
    #subMenuWrap .innerLayout > .smHome { display:none; }
    #subMenuWrap .innerLayout > .smCon:not(:last-child) { display:none; }
    #subMenuWrap .innerLayout > .smCon:last-child { flex-basis:100%; border-right:0px; }
    .headerTitle { display:none; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}
/* 서브영역 끝 */



/* 커버 영역 시작 */
.contentCover { padding:0px 0 100px; }
.boardArea { width:1440px; margin:0 auto; padding:0px 0 100px; }
.ShopCover { width:1440px; margin:0 auto; padding:0px 0 100px; }
/* 커버 영역 끝 */




/* 공통 컨텐츠 시작 */
:root {
    --tabType1BtnBg: #f5f5f5;
    --tabType1BtnOnBg: #0e3799;
    --dlt1iColor: #0e5eca;
    
    --PatientDocGuideTableBorder: 1px solid #e3e3e3;
    --PatientDocGuideTableBorderColor: #e3e3e3;
}

:root[color-theme='dark'] {
    --tabType1BtnBg: #2e2c2c;
    --tabType1BtnOnBg: #0e3799;
    --dlt1iColor: #88b3eb;
    
    --PatientDocGuideTableBorder: 1px solid #4e4e4e;
    --PatientDocGuideTableBorderColor: #4e4e4e;
}
.satIcon { 
    display:inline-block; width: 0; height: 0; vertical-align:middle; margin:-3px 0 0 0px;
    border-left: 9px solid transparent; /* 왼쪽 투명 */
    border-right: 9px solid transparent; /* 오른쪽 투명 */
    border-bottom: 14px solid #009368; /* 밑변 색상, 높이 계산 */
}

.tabType1Area { display:grid; grid-template-columns: repeat(auto-fit, minmax(calc(10% - 10px), auto)); gap:10px; margin:0 0 50px; }
.tabType1Area > div {  }
.tabType1Area > div > button.tabType1Btn { width:100%; height:70px; margin:0; padding:0; border:0; background:var(--tabType1BtnBg); font-size:clamp(16px,1.042vw,18px); font-weight:600; color:var(--fontColor000); word-break:keep-all; }
.tabType1Area > div > button.tabType1Btn.on { background:var(--tabType1BtnOnBg); color:#fff; }

.tabType2Area { display: grid; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(5, 1fr); gap:10px; margin:0 0 50px; }
.tabType2Area > div { flex:1; }
.tabType2Area > div > button.tabType2Btn { width:100%; height:50px; margin:0; padding:0; background:var(--bgDeptListItem); border:var(--topMenuBorder); font-size:clamp(16px,1.042vw,18px); font-weight:600; color:var(--fontColor000); border-radius:25px; }
.tabType2Area > div > button.tabType2Btn.on { background:#02A79F; color:#fff; }

.doctorListType1 { display: grid; gap: 60px 25px; justify-items: stretch; align-items: stretch; grid-template-columns: repeat(2, 1fr); }
.doctorListType1 > .doctorListType1Item { display:flex; flex-direction:column; gap:30px; min-width:0; position:relative; border:var(--topMenuBorder); border-top:2px solid #0e5eca; padding:38px; background:var(--bgTransparentButton); }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 { display:flex; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_img { flex-shrink:0; width:clamp(140px,33%,210px); }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_img > img { width:100%; height:auto; border:var(--topMenuBorder); border-radius:0%; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info { flex-grow: 1; margin-left:35px; display:flex; flex-direction:column; gap:30px; padding:15px 0 0; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_name_wrap { display:inline-flex; align-items: center; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_name_wrap .doc_name { font-size:clamp(20px,1.42vw,30px); color:var(--fontColor000); font-weight:600; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_name_wrap .doc_dept { font-size:clamp(15px,1.42vw,20px); color:var(--dlt1iColor); font-weight:600; position:relative; margin-left:35px; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_name_wrap .doc_dept::before { content:""; display:block; position:absolute; left:-19px; top:50%; transform: translateY(-50%); width:1px; height:15px; background:#ddd; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_name_wrap .doc_dept > span { }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_part_title { font-size:clamp(16px,1.42vw,20px); color:var(--dlt1iColor); font-weight:600; padding:0 0 8px; }
.doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info .doc_part { font-size:clamp(16px,1.042vw,17px); }

.doctorListType1 > .doctorListType1Item > .dlt1i_2 {  }
    .dlt1i_scheduleTable { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
    .dlt1i_scheduleTable > thead > tr > th,
    .dlt1i_scheduleTable > tbody > tr > th,
    .dlt1i_scheduleTable > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:15px 0px; text-align:center; font-size:clamp(16px,1.042vw,18px); }
    .dlt1i_scheduleTable > thead > tr > th { background:var(--tableThBg1); font-weight:600; }
    .dlt1i_scheduleTable > tbody > tr > td { color:var(--dlt1iColor); }
    .dlt1i_scheduleTable > thead > tr > th:last-child,
    .dlt1i_scheduleTable > tbody > tr > th:last-child,
    .dlt1i_scheduleTable > tbody > tr > td:last-child { border-right:0px; }
    .dlt1i_scheduleTable_info { color:var(--dlt1iColor); text-align:right; padding:5px 5px 0 0; }

.doctorListType1 > .doctorListType1Item > .dlt1i_3 { display: flex; flex-wrap: wrap; gap:8px; }
.doctorListType1 > .doctorListType1Item > .dlt1i_3 > div { flex: 1 1 40%; }
.doctorListType1 > .doctorListType1Item > .dlt1i_3 > div > button { width:100%; height:58px; font-size:clamp(17px,1.042vw,20px); font-weight:600; }
.doctorListType1 > .doctorListType1Item > .dlt1i_3 .dlt1i_btn1 { color:var(--dlt1iColor); border:1px solid var(--dlt1iColor); background:var(--bgDeptListItem); }
.doctorListType1 > .doctorListType1Item > .dlt1i_3 .dlt1i_btn2 { color:#ffffff; border:1px solid #0e5eca; background:#0e5eca; }

.doctorListType2 { /*display:none;*/ }
.doctorListType2 > .doctorListType2Item { display:flex; flex-direction:column; gap:50px; min-width:0; position:relative; border:var(--topMenuBorder); border-top:2px solid #0e5eca; padding:50px 8%; background:var(--bgTransparentButton); }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 { display:flex; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_img { flex-shrink:0; width:clamp(140px,29%,190px); }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_img > img { width:100%; height:auto; border:var(--topMenuBorder); }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info { flex-grow: 1; margin-left:35px; margin-right:35px; display:flex; flex-direction:column; gap:30px; padding:15px 0 0; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_name_wrap { display:inline-flex; align-items: center; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_name_wrap .doc_name { font-size:clamp(20px,1.42vw,30px); color:var(--fontColor000); font-weight:600; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_name_wrap .doc_dept { font-size:clamp(15px,1.42vw,20px); color:var(--dlt1iColor); font-weight:600; position:relative; margin-left:35px; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_name_wrap .doc_dept::before { content:""; display:block; position:absolute; left:-19px; top:50%; transform: translateY(-50%); width:1px; height:15px; background:#ddd; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_name_wrap .doc_dept > span { }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_part_title { font-size:clamp(16px,1.42vw,21px); color:var(--dlt1iColor); font-weight:600; padding:0 0 8px; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info .doc_part { font-size:clamp(16px,1.042vw,18px); }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 { display:flex; flex-direction:column; gap:10px; flex-shrink:0; width:220px; padding-top:20px; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div > button { width:100%; height:58px; font-size:clamp(17px,1.042vw,20px); font-weight:600; }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3  .dlt1i_btn1 { color:var(--dlt1iColor); border:1px solid var(--dlt1iColor); background:var(--bgDeptListItem); }
.doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3  .dlt1i_btn2 { color:#ffffff; border:1px solid #0e5eca; background:#0e5eca; }
.doctorListType2 > .doctorListType2Item .dlt2i_title { font-size:clamp(20px,1.042vw,24px); font-weight:600; color:var(--fontColor000); padding:0 0 15px; }
.doctorListType2 > .doctorListType2Item ul.itemList { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.doctorListType2 > .doctorListType2Item ul.itemList > li { padding:15px 20px; border-bottom:var(--topMenuBorder); font-size:clamp(16px,1.042vw,18px); font-weight:400; color:var(--fontColor555); }
.doctorListType2 > .doctorListType2Item > .dlt2i_4 { display: flex; flex-wrap: nowrap; gap:70px; }
.doctorListType2 > .doctorListType2Item > .dlt2i_4 > div { flex: 1 1 40%; }

.doctorListType2 > .doctorListType2Item .thesis {  }
.doctorListType2 > .doctorListType2Item .thesis { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.doctorListType2 > .doctorListType2Item .thesis > thead > tr > th,
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th,
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:15px 10px; text-align:center; font-size:18px; }
.doctorListType2 > .doctorListType2Item .thesis > thead > tr > th { background:var(--tableThBg1); font-weight:600; }
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td { color:var(--fontColor707070); }
.doctorListType2 > .doctorListType2Item .thesis > thead > tr > th:last-child,
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th:last-child,
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td:last-child { border-right:0px; }
.doctorListType2 > .doctorListType2Item .thesis > thead > tr > th.AlignLeft,
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th.AlignLeft,
.doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td.AlignLeft { text-align:left; } 

.deptInfoContentImageWrap { display:flex; flex-direction:column; gap:30px; margin-top:50px; }
.deptInfoContentImageWrap > div > img { max-width:100%; height:auto; }


:root {
    --mdaItemBg: #eeeeee;
    --mdaItemInnerBg: #ffffff;
    --mdaItemBorder: 1px solid #ccc;
}
:root[color-theme='dark'] {
    --mdaItemBg: #1a1a1a;
    --mdaItemInnerBg: #282B2E;
    --mdaItemBorder: 1px solid #4e4e4e;
}

.mdaItem { width:calc(25% - 23px); padding:0px; border:var(--mdaItemBorder); margin-bottom:30px; background:var(--mdaItemBg); }
a.mdaItem:focus,
a.mdaItem:hover { box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.2); }
.mdaItem > div { 
    width:100%; padding:10px 10px 15px; border:var(--mdaItemBorder); margin:-3px 0 3px -3px; background:var(--mdaItemInnerBg); 
    display:flex; flex-direction: column; gap:5px; box-shadow:1px 1px 4px rgba(0,0,0,0.1);
}
.mdaItem > div > .mdai_Thumb { width: 100%; height:auto; margin:0 0 10px; }
.mdaItem > div > .mdai_Subj { font-size:clamp(17px,1.4vw,19px); font-weight:500; color:var(--fontColor000); }
.mdaItem > div > .mdai_Con { font-size:clamp(15px,1.4vw,17px); font-weight:400; color:var(--fontColor555); line-height:1.3em; }
.mdaItem > div .mdai_label { display:inline-block; padding:4px 11px 3px; border-radius:3px; color:#fff; font-size:clamp(14px,1.4vw,15px); }

.mdai_label.mdai_label_paper { background: rgb(107, 15, 15); }
.mdai_label.mdai_label_award { background: rgb(19, 19, 145); }
.mdai_label.mdai_label_media { background: rgb(12, 112, 12); }
.mdai_label.mdai_label_book { background: rgb(82, 112, 12); }
.mdai_label.mdai_label_etc { background: rgb(168, 5, 168); }

@media (max-width: 767px) {                             /* var(--mobile) */
    .mdaItem { width:calc(50% - 15px); }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    .mdaItem { width:calc(33% - 19px); }
}



.basicInfoTable { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.basicInfoTable > thead > tr > th,
.basicInfoTable > tbody > tr > th,
.basicInfoTable > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:25px 1.5%; text-align:center; font-size:clamp(17px,1.042vw,20px); }
.basicInfoTable > tbody > tr > th { background:var(--tableThBg1); font-weight:600; }
.basicInfoTable > thead > tr > th { background:var(--tableThBg2); font-weight:600; }
.basicInfoTable > thead > tr > th:last-child,
.basicInfoTable > tbody > tr > th:last-child,
.basicInfoTable > tbody > tr > td:last-child { border-right:0px; }
.basicInfoTable > tbody > tr > td.hasBorderRight { border-right:var(--topMenuBorder); }
.basicInfoTable > tbody > tr > td.tdTextleft { text-align:left; padding:25px 2%; }

.basicInfoTable2 { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.basicInfoTable2 > thead > tr > th { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:25px; text-align:center; font-size:clamp(17px,1.042vw,20px); background:var(--tableThBg2); font-weight:600; }
.basicInfoTable2 > thead > tr > th:last-child { border-right:0px; }
.basicInfoTable2 > tbody > tr > th,
.basicInfoTable2 > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); word-break:keep-all; padding:25px 1.5%; font-size:clamp(17px,1.042vw,20px); }
.basicInfoTable2 > tbody > tr > th { background:var(--tableThBg1); border-right:var(--topMenuBorder); font-weight:600; }
.basicInfoTable2 > tbody > tr > td { text-align:left; }


.basicInfoTable3 { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.basicInfoTable3 > thead > tr > th,
.basicInfoTable3 > tbody > tr > th,
.basicInfoTable3 > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:clamp(10px,1.042vw,20px) clamp(5px,1.042vw,10px); text-align:center; font-size:clamp(15px,1.042vw,20px); }
.basicInfoTable3 > thead > tr > th { background:var(--tableThBg1); font-weight:600; }
.basicInfoTable3 > thead > tr > th:last-child,
.basicInfoTable3 > tbody > tr > th:last-child,
.basicInfoTable3 > tbody > tr > td:last-child { border-right:0px; }
.basicInfoTable3 > tbody > tr > td.hasBorderRight:last-child { border-right:var(--topMenuBorder); }
.basicInfoTable3 > tbody > tr > td.tdTextleft { text-align:left; padding:20px 2%; }

.basicInfoTable4 { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.basicInfoTable4 > thead > tr > th,
.basicInfoTable4 > tbody > tr > th,
.basicInfoTable4 > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:20px 10px; text-align:center; font-size:clamp(16px,1.042vw,20px); font-weight:400; }
.basicInfoTable4 > thead > tr > th { background:var(--tableThBg1); }
.basicInfoTable4 > tbody > tr > th { background:var(--tableThBg4_2); }
.basicInfoTable4 > tbody > tr > th.dept { background:var(--tableThBg4_1); font-weight:600; }
.basicInfoTable4 > tbody > tr > td { text-align:left; padding:20px 30px; }
.basicInfoTable4 > thead > tr > th:last-child,
.basicInfoTable4 > tbody > tr > th:last-child,
.basicInfoTable4 > tbody > tr > td:last-child { border-right:0px; }
.basicInfoTable4 > tbody > tr > td.tdTextCenter { text-align:center; }

.basicInfoTable5 { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.basicInfoTable5 > tbody > tr > th,
.basicInfoTable5 > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); word-break:keep-all; padding:20px 10px; text-align:center; font-size:clamp(17px,1.042vw,20px); font-weight:400; }
.basicInfoTable5 > tbody > tr > td,
.basicInfoTable5 > tbody > tr > th { background:var(--tableThBg4_2); }
.basicInfoTable5 > tbody > tr:nth-child(odd) > td,
.basicInfoTable5 > tbody > tr:nth-child(odd) > th { background:var(--tableThBg4_1); }
.basicInfoTable5 > tbody > tr > th { font-weight:500; }
.basicInfoTable5 > tbody > tr > td { text-align:left; padding:20px 2%; }
.basicInfoTable5 > tbody > tr > td.tdTextCenter { text-align:center; }

.basicInfoTable6 { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
.basicInfoTable6 > thead > tr > th,
.basicInfoTable6 > tbody > tr > th,
.basicInfoTable6 > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:20px 10px; text-align:center; font-size:clamp(16px,1.042vw,20px); font-weight:400; }
.basicInfoTable6 > thead > tr > th { background:var(--tableThBg1); }
.basicInfoTable6 > tbody > tr > th { background:var(--tableThBg4_1); font-weight:600; }
.basicInfoTable6 > tbody > tr > td { text-align:left; padding:20px 30px; }
.basicInfoTable6 > thead > tr > th:last-child,
.basicInfoTable6 > tbody > tr > th:last-child,
.basicInfoTable6 > tbody > tr > td:last-child { border-right:0px; }
.basicInfoTable6 > tbody > tr > td.tdTextCenter { text-align:center; }


.basicInfoTableThColumn15 { width:15%; min-width:100px; }
.basicInfoTableThColumn20 { width:20%; min-width:100px; }

.bit4_dept_grid { display: flex; flex-direction: column; align-items: center; gap:3px; font-weight:400; margin:10px 0 0; }    /* 2_7_1_3 */

a.aLinkWebBtn { 
    display:inline-block; height:65px; line-height:65px; padding:0 78px 0 28px; font-size:clamp(17px,1.042vw,20px); font-weight:600; color:#fff; margin-top:30px;
    background-image: url("/images/icons/icon_web.png"); background-position: right 28px center; background-repeat:no-repeat; background-color:#b2223e;
}

table.thesis { width:100%; border-spacing:0; }



.PatientDocGuideTable { border-collapse: collapse; }
.PatientDocGuideTable > tbody > tr > th { vertical-align:top; padding:55px 0 55px 30px; text-align:left; font-size:clamp(20px,1.042vw,24px);; font-weight:600; color:var(--fontColor000); border-top:1px solid #0064dd; word-break:keep-all; }
.PatientDocGuideTable > tbody > tr > td { vertical-align:top; padding:57px 0 55px 25px; text-align:left; font-size:clamp(17px,1.042vw,20px); font-weight:400; color:var(--fontColor555); border-top:var(--PatientDocGuideTableBorder); word-break:keep-all; line-height:1.5em; }
.PatientDocGuideTable > tbody > tr:last-child > th,
.PatientDocGuideTable > tbody > tr:last-child > td { /* border-bottom:var(--PatientDocGuideTableBorder); */ }
.PatientDocGuideTable > tbody > tr > td > .pdgtTitle { color:var(--fontColor000); font-weight:600; margin:20px 0 10px; }
.PatientDocGuideTable > tbody > tr > td > .pdgtTitle:first-child { margin-top:0px; }
.PatientDocGuideTable > tbody > tr > td > .pdgtTitle.pdgtTitleMargin0 { margin-bottom:0px; }
.PatientDocGuideTable > tbody > tr > td > .pdgtTitle.pdgtTitleMargin5 { margin-bottom:5px; }

.PatientDocGuideTable > tbody > tr > td ol.discDesignOl > li { font-size:inherit; color:inherit; }
.PatientDocGuideTable > tbody > tr > td ol.discDesignOl > li::before { background-color:var(--fontColor555); }



.mobileScrollWrap { max-width:100%; overflow:hidden; }
.mobileScrollWrap > .mobileScrollWrapInner { max-width:100%; overflow:auto; }


.verifyRealNameBtn { margin:0; padding:3px 5px; background:var(--grayBg3); border:var(--border); border-radius:3px; font-size:clamp(14px,1.042vw,15px); }
.verifyRealNameBtn2 { margin:0; padding:7px 20px; border-radius:5px; font-size:clamp(16px,1.042vw,17px); font-weight:500; border:var(--normalBtnBorder); }

@media (max-width: 767px) {                             /* var(--mobile) */
    .tabType1Area { grid-template-columns: repeat(auto-fit, minmax(calc(33% - 10px), auto)); gap:10px; margin:0 0 50px; }


    .PatientDocGuideTable > tbody > tr > th { padding:50px 0px 10px; position: relative; border-top:0px; display:block; }
    .PatientDocGuideTable > tbody > tr > th::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px; /* border 두께 */
        background: linear-gradient(
            to right, 
            #0064dd 0px, 
            #0064dd 170px, 
            var(--PatientDocGuideTableBorderColor) 171px, 
            var(--PatientDocGuideTableBorderColor) 100%
        );
    }
    .PatientDocGuideTable > tbody > tr > td { padding:10px 0px 50px; border-top:0px; display:block; /* display:flex; flex-direction: column;*/ }
    /* flex-direction: column; : https://renewal.hallahosp.co.kr/medicalCenter.php?c_code=S2-3 */
    

    .tabType1Area { grid-template-columns: repeat(auto-fit, minmax(calc(20% - 10px), auto)); }
    .tabType1Area:has(:nth-child(4)) { grid-template-columns: repeat(2, 1fr); }
    .tabType1Area:has(:nth-child(5)) { grid-template-columns: repeat(3, 1fr); }
    .tabType1Area:has(:nth-child(5)) > div:last-child { grid-column: auto / span 2; }
    .tabType1Area:has(:nth-child(6)) { grid-template-columns: repeat(5, 1fr); }
    .tabType1Area:has(:nth-child(7)) { grid-template-columns: repeat(4, 1fr); }

    .tabType2Area { grid-template-columns: repeat(3, 1fr);}
        
    .doctorListType1 { grid-template-columns: repeat(1, 1fr); }
    .doctorListType1 > .doctorListType1Item { padding:15px 10px; }
    .doctorListType1 > .doctorListType1Item > .dlt1i_1 { display:flex; }
    .doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_img { width:25%; }
    .doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info { width:70%; margin-left:5%; gap:20px; padding:5px 0 0; }

    
    .doctorListType2 > .doctorListType2Item { gap:40px; min-width:0; position:relative; padding:15px 10px; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 { flex-wrap: wrap; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_img { width:25%; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info { width:70%; margin-left:5%; margin-right:0px; gap:20px; padding:5px 0 0; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 > .dlt2i_2 { width:100%; margin:10px 0 0; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 { width:100%; gap:4%; flex-direction:row; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div { width:48%; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div.mobileW100 { width:100%; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div:nth-child(1) { order:2; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div:nth-child(2) { order:1; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_4 { flex-direction: column; }
    

    .doctorListType2 > .doctorListType2Item .thesis {  }
    .doctorListType2 > .doctorListType2Item .thesis { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:15px 10px; text-align:center; font-size:18px; }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th { background:var(--tableThBg1); font-weight:600; }
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td { color:var(--fontColor707070); }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th:last-child,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th:last-child,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td:last-child { border-right:0px; }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th.AlignLeft,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th.AlignLeft,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td.AlignLeft { text-align:left; } 
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    .tabType1Area { grid-template-columns: repeat(auto-fit, minmax(calc(20% - 10px), auto)); }
    .tabType1Area:has(:nth-child(6)) { grid-template-columns: repeat(3, 1fr); }
    .tabType1Area:has(:nth-child(7)) { grid-template-columns: repeat(4, 1fr); }

    .doctorListType1 { grid-template-columns: repeat(1, 1fr); }
    .doctorListType1 > .doctorListType1Item { padding:15px 10px; }
    .doctorListType1 > .doctorListType1Item > .dlt1i_1 { display:flex; }
    .doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_img { width:25%; }
    .doctorListType1 > .doctorListType1Item > .dlt1i_1 > .doc_info { width:70%; margin-left:5%; gap:20px; padding:5px 0 0; }

    
    .doctorListType2 > .doctorListType2Item { gap:40px; min-width:0; position:relative; padding:15px 10px; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 { flex-wrap: wrap; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_img { width:25%; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 > .doc_info { width:70%; margin-left:5%; margin-right:0px; gap:20px; padding:5px 0 0; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 > .dlt2i_2 { width:100%; margin:10px 0 0; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 { width:100%; gap:4%; flex-direction:row; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div { width:48%; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div:nth-child(1) { order:2; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_1 .dlt2i_3 > div:nth-child(2) { order:1; }
    .doctorListType2 > .doctorListType2Item > .dlt2i_4 { flex-direction: column; }
    

    .doctorListType2 > .doctorListType2Item .thesis {  }
    .doctorListType2 > .doctorListType2Item .thesis { border-top:var(--tableTopBorder); background:var(--iconBorderBoxBeforeBg); }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td { color:var(--fontColor000); border-bottom:var(--topMenuBorder); border-right:var(--topMenuBorder); word-break:keep-all; padding:15px 10px; text-align:center; font-size:18px; }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th { background:var(--tableThBg1); font-weight:600; }
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td { color:var(--fontColor707070); }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th:last-child,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th:last-child,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td:last-child { border-right:0px; }
    .doctorListType2 > .doctorListType2Item .thesis > thead > tr > th.AlignLeft,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > th.AlignLeft,
    .doctorListType2 > .doctorListType2Item .thesis > tbody > tr > td.AlignLeft { text-align:left; } 

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}
/* 공통 컨텐츠 끝 */



/* 카피영역 시작 */
#wrapper-footer { display:flex; flex-direction: column; position:relative; }
#footerTop { order:1; }
#footerBody { order:2; }

#footerTop { background-color:#222; padding:18px 0; }
#footerTop > .innerLayout { display:flex; justify-content:space-between; align-items:center; }
#footerLinkUl { display: inline-flex; flex-direction: row; }
#footerLinkUl > li { position:relative; padding:0 clamp(10px,1.4vw,30px); }
#footerLinkUl > li:first-child { padding-left:0px; }
#footerLinkUl > li:last-child { padding-right:0px; }
#footerLinkUl > li:not(:first-child)::after { content:""; position:absolute; left:0px; top:50%; margin-top:-2px; transform: translateX(-50%); width:4px; height:4px; border-radius:50%; background:#ffffff; }
#footerLinkUl > li > a { display:inline-block; font-size:clamp(14px,1.4vw,16px); color:#fff; padding:5px 0; font-weight:400; }
#footerLinkUl > li:nth-child(1) { order:1; }
#footerLinkUl > li:nth-child(2) { order:2; }
#footerLinkUl > li:nth-child(3) { order:3; }
#footerLinkUl > li:nth-child(4) { order:5; }
#footerLinkUl > li:nth-child(5) { order:6; }
#footerLinkUl > li:nth-child(6) { order:7; }
#footerLinkUl > li:nth-child(7) { order:8; }

.copyMoreSite { display:inline-flex; position:relative; width:clamp(150px,12vw,230px); }
.copyMoreSite > button { width:100%; height:45px; text-align:left; border:1px solid #777777; margin:0; padding:0 0 0 20px; font-size:16px; color:#fff; background:url("/images/footer/link_arrow_off.png") no-repeat right 19px center; z-index:37; }
.copyMoreSite > button.on { background:url("/images/footer/link_arrow_on.png") no-repeat right 19px center; }

.copyMoreSite > ul { position:absolute; left:0px; bottom:44px; right:0px; width:100%; font-size:0; border:1px solid #777777; border-bottom:0px; background-color:#222; z-index:97; display:none; }
.copyMoreSite > ul > li { display:inline-block; width:100%; border-bottom:1px solid #777777; }
.copyMoreSite > ul > li > a { display:inline-block; text-decoration:none; width:100%; font-size:15px; color:rgba(255,255,255,0.9); font-weight:600; padding:12px 20px; box-sizing:border-box; }
.copyMoreSite > ul > li > a:hover,
.copyMoreSite > ul > li > a:focus { color:rgba(255,255,255,1); }





#footerBody { background-color:var(--mainBg); padding:35px 0; }
#footerBody > .innerLayout { display:flex; justify-content:space-between; align-items:center; }
.footerInfo { display:flex; flex-direction: column; }
.fti_item1 { }
.fti_item1 > div { display:inline-block; vertical-align:top; background:var(--logoImage2); background-size:contain; }
.fti_item1 > div img { display:block; opacity:0; }
.fti_item2 { font-size:clamp(15px,1.042vw,16px); display:flex; padding:11px 0 6px; gap:25px; color:var(--fontColor555); }
.fti_item3 { font-size:clamp(14px,1.042vw,16px); color:var(--fontColor555); }

.img_kica { width:50px; height:auto; margin-top:10px; }

#GoTopBtn { position:fixed; right:17px; bottom:13px; width:58px; height:58px; line-height:normal; border:0; padding:0; border-radius:12px; background:#1b3c88; color:#fff; box-shadow:5px 5px 5px 0px rgba(2, 16, 48, 0.3); z-index:90; }



@media (max-width: 767px) {                             /* var(--mobile) */
    #footerTop { order:2; padding:18px 0 30px; }
    #footerTop > .innerLayout { display:flex; flex-direction: column; }
    #footerLinkUl { gap:10px 20px; margin:0 auto; flex-wrap: wrap; align-content: center; justify-content: center; }
    #footerLinkUl > li { padding:0px; }
    #footerLinkUl > li::after { display:none; }

    #footerLinkUl::after { content: ""; order: 5; }

    .copyMoreSite { width:90%; margin-top:20px; }
    .copyMoreSite > button { width:100%; }
    
    
    
    #footerBody { order:1; border-top:var(--topMenuBorder); }
    #footerBody > .innerLayout { flex-direction: column; text-align:center; }
    .fti_item2 { flex-wrap: wrap; padding:11px 0; gap:5px; align-content: center; justify-content: center; }
    .fti_item2 > span:last-child { margin-left:20px; }
    
    .img_kica { margin-top:20px; }


    #GoTopBtn { position:absolute; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    #footerLinkUl > li:nth-child(1) { display:none; }
    #footerLinkUl > li:nth-child(2) { padding-left:0px; }
    #footerLinkUl > li:nth-child(2)::after { display:none; }
    /*
    #footerLinkUl {  }
    #footerLinkUl > li { position:relative; }
    #footerLinkUl > li:not(:first-child)::after { content:""; position:absolute; left:-32px; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#ffffff; }
    #footerLinkUl > li > a { display:inline-block; font-size:clamp(14px,1.4vw,16px); color:#fff; padding:5px 0; font-weight:400; }
    #footerLinkUl > li:nth-child(1) { order:1; }
    #footerLinkUl > li:nth-child(2) { order:2; }
    #footerLinkUl > li:nth-child(3) { order:3; }
    #footerLinkUl > li:nth-child(4) { order:5; }
    #footerLinkUl > li:nth-child(5) { order:6; }
    #footerLinkUl > li:nth-child(6) { order:7; }
    */
}
@media (min-width: 1024px) {                            /* var(--desktop) */

}
/* 카피영역 끝 */








/* 컨텐츠 영역 시작 */
a.bbtLink { position:relative; display:inline-block; height:50px; line-height:50px; margin:0px 0; padding:0 60px 0 20px; font-size:clamp(16px,1.042vw,18px); font-weight:500; color:var(--bbtBtnFontColor); background: var(--bbtBtnBg); border:var(--bbtBtnBorder);  border-radius:5px; }
a.bbtLink::after { position:absolute; right:20px; top:50%; transform: translateY(calc(-50% + 1px)); content:var(--bbtLinkAfterImage); line-height:0; }
a.bbtLink:hover { color:var(--bbtBtnFontColorOn); background: var(--bbtBtnBgOn); }
a.bbtLink:hover::after { content:var(--bbtLinkAfterImageOn); }
a.bbtLink.bbtDownload::after { right:18px; transform: translateY(-50%); content:var(--bbtDownloadAfterImage); }
a.bbtLink.bbtDownload:hover::after { content:var(--bbtDownloadAfterImageOn); }
/*
a.bbtLink { position:relative; display:inline-block; height:50px; line-height:50px; margin:0px 0; padding:0 clamp(40px,1.042vw,60px) 0 clamp(10px,1.042vw,20px); font-size:clamp(16px,1.042vw,18px); font-weight:500; color:var(--bbtBtnFontColor); background: var(--bbtBtnBg); border:var(--bbtBtnBorder); border-radius:5px; }
a.bbtLink::after { position:absolute; right:clamp(10px,1.042vw,20px); top:50%; transform: translateY(calc(-50% + 1px)); content:var(--bbtLinkAfterImage); line-height:0; }
a.bbtLink:hover { color:var(--bbtBtnFontColorOn); background: var(--bbtBtnBgOn); }
a.bbtLink:hover::after { content:var(--bbtLinkAfterImageOn); }
a.bbtLink.bbtDownload::after { right:clamp(9px,1.042vw,18px); transform: translateY(-50%); content:var(--bbtDownloadAfterImage); }
a.bbtLink.bbtDownload:hover::after { content:var(--bbtDownloadAfterImageOn); }
*/

.iconBorderBox { position:relative; border:var(--topMenuBorder); padding:35px 120px 30px; font-size:clamp(17px,1.042vw,20px); font-weight:300; color:var(--fontColor000); word-break:keep-all; line-height:1.5em; }
.iconBorderBox::before { 
    content:""; display:block; position:absolute; left:-20px; top:-20px; width:110px; height:110px; border-radius:25px; 
    background-color:var(--iconBorderBoxBeforeBg); background-repeat:no-repeat; background-position:center center; 
    box-shadow: 6px 8px 28.5px 1.5px rgba(14, 55, 153, 0.1);
}
.iconBorderBoxTitle { font-size:clamp(21px,1.042vw,24px); color:var(--amBoxTitleFontColor); font-weight:600; margin:0 0 10px; }
.iconBorderBoxHR { border:none; border-top:1px dashed #bfbfbf; margin:30px 0; }
.iconBorderBoxInfo { padding:6px 0 6px 42px; font-size:clamp(15px,1.042vw,16px); color:var(--fontColor000); font-weight:400; background:url("/images/content/icon_info_pink.png") no-repeat 3px 3px; line-height:1.5em; }

.blueBadgeTitle { width:100%; padding-left:30px; position:relative; font-size:clamp(26px,1.042vw,32px); font-weight:600; color:var(--fontColor000); margin:65px 0 30px; }
.blueBadgeTitle::before { content:""; position:absolute; left:0; top:clamp(5px,1.042vw,7px); width: 18px; height: 21px; border:5px solid #0064dd; border-radius:0 11px 0 11px; }

.blueBadgeTitle.blueBadgeTitle2::before { display:none; }
.blueBadgeTitle.blueBadgeTitle2 { display:flex; gap:10px; align-items: center; justify-content: flex-end; padding-left:0px; flex-wrap: wrap;}
.blueBadgeTitle.blueBadgeTitle2 > div:nth-child(2) {  }
.blueBadgeTitle.blueBadgeTitle2 > div:nth-child(1) { position:relative; padding-left:30px; margin-right:auto; }
.blueBadgeTitle.blueBadgeTitle2 > div:nth-child(1)::before { content:""; position:absolute; left:0; top:7px; width: 18px; height: 21px; border:5px solid #0064dd; border-radius:0 11px 0 11px; }

.blueBadgeTitle_innerText { font-size:clamp(19px,1.042vw,22px); font-weight:400; margin-top:10px; }

.skyblueContentBox { padding:4% 4%; background:var(--bgSkyBlue3); line-height:1.5em; word-break:keep-all; font-size:clamp(17px,1.042vw,20px); }

.pageContSmallTitle { font-size:clamp(21px,1.042vw,24px); font-weight:600; margin:0 0 clamp(10px,1.042vw,20px); color:var(--fontColor000); }
.pageContSmallTitle.pageContSmallTitle2 { margin:clamp(20px,1.042vw,40px) 0 clamp(5px,1.42vw,10px); }

.flexEvenGrid { width:100%; display:flex; }
.flexEvenGrid > div { flex:1; word-break:keep-all; }

.flexEvenGrid2 { width:100%; display:flex; }
.flexEvenGrid2 > div.feg2ContentWrap { flex-grow:1; word-break:keep-all; }
.flexEvenGrid2 > div.feg2ImageWrap { flex-shrink:0; width:50%; min-width:200px; margin-left:30px; }
.flexEvenGrid2 > div.feg2ImageWrap > img { width:100%; height:auto; display:block; border-radius:0px; }

.flexEvenGrid3 { width:100%; display:flex; }
.flexEvenGrid3 > div.feg3ContentWrap { flex-grow:1; word-break:keep-all; }
.flexEvenGrid3 > div.feg3ImageWrap { flex-shrink:0; width:48%; min-width:200px; margin-left:30px; }
.flexEvenGrid3 > div.feg3ImageWrap > img { width:100%; height:auto; display:block; border-radius:0px; }

.flexGridImage2 { display:flex; gap:25px; margin:40px 0 0;  }
.flexGridImage2 > div { width:35%; min-width:200px; }
.flexGridImage2 > div > img { width:100%; height:auto; display:block; border-radius:0px; }

.flexGridImage3 { display:flex; gap:25px; margin:40px 0 0; flex-direction: column; }
.flexGridImage3 > div { width:100%; }
.flexGridImage3 > div > img { width:100%; height:auto; display:block; border-radius:0px; }

.iconBorderFlexGrid { display: grid; gap: 25px; grid-template-columns: repeat(2, 1fr); }
.iconBorderFlexGrid > div { display:flex; align-items: center; gap:5%; border:var(--topMenuBorder); background:var(--iconBorderBoxBeforeBg); padding:30px 30px 30px 8.4%; }
.iconBorderFlexGrid > div .ibfgIconWrap { flex-shrink: 0; }
.iconBorderFlexGrid > div .ibfgIconWrap > .ibfgIcon { width:118px; height:118px; border-radius:50%; background-color:var(--grayBg); background-position:center center; background-repeat:no-repeat; }
.iconBorderFlexGrid > div .ibfgConWrap { flex-grow: 1; }
.iconBorderFlexGrid > div .ibfgConWrap .ibfgTitle { font-size:clamp(17px,1.042vw,20px); font-weight:600; color:var(--fontColor000); margin:0 0 8px; }
.iconBorderFlexGrid > div .ibfgConWrap .ibfgCon { font-size:clamp(16px,1.042vw,18px); font-weight:400; color:var(--fontColor000); }





@media (max-width: 767px) {                             /* var(--mobile) */
    .iconBorderBox { position:relative; border:var(--topMenuBorder); padding:80px 20px 30px 20px; }
    .iconBorderBox::before { width:80px; height:80px; border-radius:15px; }

    .skyblueContentBox { padding:6% 6%; }

    a.bbtLink { padding:0 40px 0 10px; }
    a.bbtLink::after { zoom:80%; right:15px; }
    a.bbtLink.bbtDownload::after { right:10px; }

    .flexGridImage2 { flex-direction: column;  }
    .flexGridImage2 > div { width:100%; }

    .iconBorderFlexGrid > div .ibfgIconWrap > .ibfgIcon { width:90px; height:90px; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    .iconBorderBox { padding:35px 30px 30px 120px; }
    
    .iconBorderFlexGrid > div { padding:20px 20px 20px 4%; }
    .iconBorderFlexGrid > div .ibfgIconWrap > .ibfgIcon { width:90px; height:90px; }
}
@media (min-width: 1024px) {                            /* var(--desktop) */

}
/* 컨텐츠 영역 끝 */



/* 지정 css 시작 */
.fontMedium { font-weight:500 !important; }
.fontSemiBold { font-weight:600 !important; }
.fontBold { font-weight:700 !important; }
.fontColorRed { color:var(--fontColorRed1) !important; }
.fontColorBlue2 { color:var(--fontColorblue2) !important; }
.fontColorGray { color:var(--fontColorGray) !important; }
.fontColorBlack { color:var(--fontColor000) !important; }
.fontColorYellow { color:var(--fontColorYellow) !important; }

.fontNotoSansKR { font-family:"Noto Sans KR"; }
.lineHeight15 { line-height:1.5em !important; }

.fontUnderline { text-decoration:underline; text-underline-position : under; text-decoration-thickness: 1px; }
/* 지정 css 끝 */









/* 회원관련 시작 */
#RegiStateArea { display:inline-block; width:100%; padding:0px 0 60px; text-align:center; }
#RegiStateArea > ul { display:inline-block; }
#RegiStateArea > ul > li { width:104px; height:177px; float:left; margin-left:200px; position:relative; }
#RegiStateArea > ul > li:first-child { margin-left:0px; }
#RegiStateArea > ul > li:not(:first-child)::before { content:""; position:absolute; left:-105px; top:46px; width:10px; height:10px; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); }
#RegiStateArea > ul > li > .rsaCircle { width:104px; height:104px; position:relative; background-color:#eee; border-radius:50%; }
#RegiStateArea > ul > li > .rsaCircle > div { width:100%; height:100%; border-radius:50%; background-repeat:no-repeat; }
#RegiStateArea > ul > li:nth-child(1) > .rsaCircle > div { background-position:center center; background-image:url("/img/icon_regi1.png"); }
#RegiStateArea > ul > li:nth-child(2) > .rsaCircle > div { background-position:30px center; background-image:url("/img/icon_regi2.png"); }
#RegiStateArea > ul > li:nth-child(3) > .rsaCircle > div { background-position:center center; background-image:url("/img/icon_regi3.png"); }
#RegiStateArea > ul > li.on > .rsaCircle { background-color:#f04f4f; }
#RegiStateArea > ul > li:nth-child(1).on > .rsaCircle > div { background-image:url("/img/icon_regi1_on.png"); }
#RegiStateArea > ul > li:nth-child(2).on > .rsaCircle > div { background-image:url("/img/icon_regi2_on.png"); }
#RegiStateArea > ul > li:nth-child(3).on > .rsaCircle > div { background-image:url("/img/icon_regi3_on.png"); }
#RegiStateArea > ul > li > .rsa_step { font-size:clamp(13px,1.042vw,15px); color:#555; font-weight:400; line-height:30px; margin-top:11px; }
#RegiStateArea > ul > li > .rsa_tit { font-size:clamp(19px,1.042vw,22px); color:#222; font-weight:400; line-height:32px; }



/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display:inline-block; position:relative; }
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img { height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0; }
#captcha #captcha_mp3 { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px; }
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px; }
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border: var(--frmInputBorder); background: var(--frmInputBg); color: var(--fontColor000); text-align:center; border-radius:3px; vertical-align:top; font-weight:600; }
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px; }
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block; }
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; }
#captcha.m_captcha #captcha_reload span { display:none; }
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:40px; border: var(--frmInputBorder); background: var(--frmInputBg); color: var(--fontColor000); text-align:center; margin-left:3px; }

#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none; }

/* 회원관련 끝 */







/* 마이페이지 */
.mypage_tb .mp_it_tit { padding:9px 9px 9px 10px; font-size:9pt; font-weight: bold; border-right:1px solid #999999; border-bottom:1px solid #999999; }
.mypage_tb .mp_it_tit2 { padding:9px 9px 9px 10px; font-size:9pt; font-weight: bold; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; }
.mypage_tb .mp_it_cont { padding:9px 9px 9px 10px; font-size:9pt; border-bottom:1px solid #999999; }
.mypageBtn span{background:#4b4b4b;color:#ffffff;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.mypageBtn span:hover {background:#ffffff;color:#000000;padding:5px 8px;line-height:23px;border:1px solid #1b1b1b;font-size:11px;}
.mypageBtn:hover {text-decoration:none;}
/* 마이페이지 끝 */




/* 버튼 */
span.btnBack{display:inline-block; background-color:#CACACA; color:#5d5d5d; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btnOK{display:inline-block; background-color:#404040; color:white; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btn1 { cursor:pointer; display:inline-block; border:1px solid #4b4b4b; background-color: #4b4b4b; color:#ffffff; padding:6px 10px; position:relative; top:0px; border-radius:4px;}
span.btn1-o { cursor:pointer; display:inline-block; border:1px solid #4b4b4b; color:#4b4b4b; padding:6px 10px; position:relative; top:0px; border-radius:4px; }
span.btn1:hover, span.btn1-o:hover { box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
span.btn1.big, span.btn1-o.big {font-size:15px; padding:10px 15px;}
span.btn1.small, span.btn1-o.small {font-size:13px; padding:5px 9px;}

span.label_black { font-size:12px; border:solid 1px #616161; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#616161; text-align:center; }
span.label_orange { font-size:12px; border:solid 1px #ef8100; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#CB4D00; text-align:center; }
span.label_green { font-size:12px; border:solid 1px #2ba600; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#228101; text-align:center; }
span.label_gray { font-size:12px; border:solid 1px #a9a9a9; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#707070; text-align:center; }
span.label_blue { font-size:12px; border:solid 1px #009bec; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#0276cb; text-align:center; }
span.label_purple { font-size:12px; border:solid 1px #7a00e2; padding:8px 6px; line-height:1; border-radius:2px; display:inline-block; color:#7a00e2; text-align:center; }
/* 버튼 끝 */



:root {
    --WriteBoardTableTopBorder: 2px solid #333;
    --WriteBoardTableBorder: 1px solid #ddd;
    --WriteBoardTableThBg: #f4f5f8;
    --fileBtnColor:#555;
    --fileBtnColorOn:#000;
    --fileBtnBg:#E5E5E5;

    --ListBoardTableThBg: #fbfbfb;
    --ListSearchBtn:#222;
    --ListSearchBtnOn:#000;

    --BoardpageBgOn:#333;

    --ViewBoardTopBorder: 2px solid #333;
    --ViewBoardFileBg:#fbfbfb;
    --viewBoardPostNaviBorder: 1px solid #333;
}
:root[color-theme='dark'] {
    --WriteBoardTableTopBorder: 2px solid #000;
    --WriteBoardTableBorder: 1px solid #6d6d6d;
    --WriteBoardTableThBg: #141414;
    --fileBtnColor:#c7c6c6;
    --fileBtnColorOn:#f1f1f1;
    --fileBtnBg:#050508;
    
    --ListBoardTableThBg: #1d2331;
    --ListSearchBtn:#0e151d;
    --ListSearchBtnOn:#090b0c;
    
    --BoardpageBgOn:#1f1f24;

    --ViewBoardTopBorder: 2px solid #4e4e4e;
    --ViewBoardFileBg:#1f1f24;
    --viewBoardPostNaviBorder: 1px solid #4e4e4e;
}

/* 게시판 영역 시작 */
/* 기본 게시판 글작성 */
.WriteBoardTable { border-top:var(--WriteBoardTableTopBorder); }
.WriteBoardTable > tbody {  }
.WriteBoardTable > tbody > tr {  }
.WriteBoardTable > tbody > tr > th,
.WriteBoardTable > tbody > tr > td { padding:10px; border-right:var(--WriteBoardTableBorder); border-bottom:var(--WriteBoardTableBorder); }
.WriteBoardTable > tbody > tr > th { color:var(--fontColor000); font-weight:500; height:60px; background:var(--WriteBoardTableThBg); }
.WriteBoardTable > tbody > tr > td { color:var(--fontColor555); font-weight:400; }
.WriteBoardTable > tbody > tr > td:last-child { border-right:0px; }

.WriteBoardGrid { display:grid; grid-template-columns: minmax(80px, 10%) auto; border-top:var(--WriteBoardTableTopBorder); }
.WriteBoardGrid > div { display:flex; align-items: center; padding:10px; border-right:var(--WriteBoardTableBorder); border-bottom:var(--WriteBoardTableBorder); }
.WriteBoardGrid > .wbgTh { justify-content: center; color:var(--fontColor000); font-weight:500; min-height:60px; background:var(--WriteBoardTableThBg); }
.WriteBoardGrid > .wbgTd { justify-content: start; color:var(--fontColor555); font-weight:400; }
.WriteBoardGrid > .wbgTd:last-child { border-right:0px; }
.WriteBoardGrid > div.wbgTd.wbgTd_block { display:block; }
.WriteBoardGrid > .wbgTd .wr_content { width:100%; }
/*
.WriteBoardGrid { display:flex; flex-direction: column; border-top:var(--WriteBoardTableTopBorder); }
.WriteBoardGrid > .wbgTr { display:grid; grid-template-columns: minmax(80px, 10%) auto; }
.WriteBoardGrid > .wbgTr > div { padding:10px; border-right:var(--WriteBoardTableBorder); border-bottom:var(--WriteBoardTableBorder); }
.WriteBoardGrid > .wbgTr > .wbgTh { color:var(--fontColor000); font-weight:500; height:60px; background:var(--WriteBoardTableThBg); }
.WriteBoardGrid > .wbgTr > .wbgTd { color:var(--fontColor555); font-weight:400; }
.WriteBoardGrid > .wbgTr > .wbgTd:last-child { border-right:0px; }
*/
.WriteBoardBtnWrap { margin:50px 0 0; text-align:center; }
.WriteBoardBtnWrap .wbBtn { width:220px; height:60px; display:inline-block; margin:0; padding:0; border:0; font-size:clamp(17px,1.042vw,20px); font-weight:600; border-radius:5px; }
.WriteBoardBtnWrap .wbBtn.btnSubmit { background:#0064dd; color:#fff; margin-left:10px; }
.WriteBoardBtnWrap .wbBtn.btnCancel { background:var(--bgDeptListItem); color:var(--fontColor555); border:var(--WriteBoardTableBorder); line-height:58px; }

.WriteBoardGrid > .wbgTd .optChkWrapper,
td > .optChkWrapper { display:inline-block; padding:0px 20px 0px 0px; margin:0px 0 0 0; vertical-align:middle; }
.WriteBoardGrid > .wbgTd .optChkWrapper:last-of-type,
td > .optChkWrapper:last-of-type { padding-right:0px; }

.WriteBoardTableThColumn10 { width:10%; min-width:80px; }

@media (max-width: 767px) {                             /* var(--mobile) */
    .WriteBoardGrid > div.wbg_mobile_hide { display:none; }
    .WriteBoardGrid > div.wbg_mobile_span2 { width:100%; grid-column: auto / span 2; }

    .WriteBoardBtnWrap .wbBtn { width:40%; }
    /*
    .WriteBoardTable > tbody > tr.wrContentTr { display:block; }
    .WriteBoardTable > tbody > tr > th.wrContentTh { display:none; }
    .WriteBoardTable > tbody > tr > td.wrContentTd { colspan:2; width: 100%; } 
    */
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}

/* 기본 게시판 글목록 */
.boListCategory { display:flex; flex-wrap:nowrap;  margin:0 0 50px; border:var(--topMenuBorder); border-left:0px; }
.boListCategory > div { flex:1; border-left:var(--topMenuBorder); }
.boListCategory > div > button { display:inline-block; width:100%; height:70px; margin:0; padding:0; border:0; background:var(--tabType1BtnBg); font-size:clamp(16px,1.042vw,18px); font-weight:600; color:var(--fontColor000); }
.boListCategory > div > button#bo_cate_on { background:var(--tabType1BtnOnBg); color:#fff; }

.ListBoardSearchWrap { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; padding:20px 40px; border:var(--topMenuBorder); border-radius:5px; background:var(--ViewBoardFileBg); }
.ListBoardSearchWrap > div:nth-child(1) { font-size:clamp(15px,1.042vw,16px); }
    .lbsBar { display:inline-block; width:2px; height:12px; vertical-align:middle; margin:-3px 10px 0; background:#bcbcbc; }
.ListBoardSearchWrap > div:nth-child(2) {  }
.ListBoardSearchWrap #fsearch { display:inline-flex; gap:5px; }
.ListBoardSearchWrap #fsearch input#stx { width:220px; height:40px; border-radius:3px; padding:0 10px; }
.ListBoardSearchWrap #fsearch button[type='submit'] { width:60px; height:40px; background:var(--ListSearchBtn); border:0; font-size:clamp(14px,1.042vw,17px); font-weight:600; color:#fff; border-radius:3px; }
.ListBoardSearchWrap #fsearch button[type='submit']:hover,
.ListBoardSearchWrap #fsearch button[type='submit']:focus { background:var(--ListSearchBtnOn); }

.ListBoardTable { width:100%; border-top:var(--WriteBoardTableTopBorder); }
.ListBoardTable > tbody {  }
.ListBoardTable > tbody > tr {  }
.ListBoardTable > thead > tr > th,
.ListBoardTable > tbody > tr > td { color:var(--fontColor000); font-size:clamp(16px,1.042vw,18px); border-bottom:var(--WriteBoardTableBorder); text-align:center; }
.ListBoardTable > thead > tr > th { font-weight:500; height:60px; padding:10px 0; background:var(--ListBoardTableThBg); }
.ListBoardTable > tbody > tr > td { font-weight:400; height:60px; padding:10px 5px; }
.ListBoardTable > tbody > tr > td.subject { text-align:left; padding-left:15px; }
.ListBoardTable > tbody > tr > td.subject > .subject_wrap { display:flex; max-width:100%; gap:5px; }
.ListBoardTable > tbody > tr > td.subject > .subject_wrap .subject_con {  }
.ListBoardTable > tbody > tr > td.subject > .subject_wrap .subject_con > div { 
    display:flex; flex: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all; 
}
.ListBoardTable > tbody > tr > td.subject > .subject_wrap .subject_icons { display:flex; gap:3px; }
.ListBoardTable > tbody > tr > td.subject > .subject_more { gap:20px; margin-top:5px; font-size:clamp(15px,1.042vw,16px); font-weight:400; }
.ListBoardTable > tbody > tr > td .list_notice { display:inline-block; font-size:clamp(16px,1.042vw,18px); font-weight:600; color:#fff; background:#0063dd; padding:5px 12px; border-radius:8px; }


.ListBoardTableBasic { width:100%; border-top:var(--WriteBoardTableTopBorder); }
.ListBoardTableBasic > tbody {  }
.ListBoardTableBasic > tbody > tr {  }
.ListBoardTableBasic > thead > tr > th,
.ListBoardTableBasic > tbody > tr > td { color:var(--fontColor000); font-size:clamp(16px,1.042vw,18px); border-bottom:var(--WriteBoardTableBorder); text-align:center; }
.ListBoardTableBasic > thead > tr > th { font-weight:500; height:60px; padding:10px 0; background:var(--ListBoardTableThBg); }
.ListBoardTableBasic > tbody > tr > td { font-weight:400; height:60px; padding:10px 5px; }
.ListBoardTableBasic > tbody > tr > td.subject { text-align:left; padding-left:15px; }
.ListBoardTableBasic > tbody > tr > td.subject > .subject_wrap { display:flex; max-width:100%; gap:5px; }
.ListBoardTableBasic > tbody > tr > td.subject > .subject_wrap .subject_con {  }
.ListBoardTableBasic > tbody > tr > td.subject > .subject_wrap .subject_con > div { 
    display:flex; flex: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all; 
}
.ListBoardTableBasic > tbody > tr > td.subject > .subject_wrap .subject_icons { display:flex; gap:3px; }
.ListBoardTableBasic > tbody > tr > td.subject > .subject_more { gap:20px; margin-top:5px; font-size:clamp(15px,1.042vw,16px); font-weight:400; }
.ListBoardTableBasic > tbody > tr > td .list_notice { display:inline-block; font-size:clamp(16px,1.042vw,18px); font-weight:600; color:#fff; background:#0063dd; padding:5px 12px; border-radius:8px; }


.ListBoardBtnWrap { display:flex; align-items:center; margin:40px 0 0; justify-content: space-between; }
.ListBoardBtnWrap > div { display:inline-flex; gap:5px; }
.ListBoardBtnWrap > div:nth-child(1) {  }
.ListBoardBtnWrap > div:nth-child(2) {  }
.ListBoardBtnWrap button,
.ListBoardBtnWrap a { display:inline-block; height:35px; line-height:36px; margin:0; padding:0 10px; border:0; background:var(--ListSearchBtn); font-size:clamp(16px,1.042vw,17px); font-weight:500; color:#fff; border-radius:3px; }
.ListBoardBtnWrap button:hover,
.ListBoardBtnWrap button:focus,
.ListBoardBtnWrap a:hover,
.ListBoardBtnWrap a:focus { background:var(--ListSearchBtnOn); }
.ListBoardBtnWrap button i,
.ListBoardBtnWrap button svg,
.ListBoardBtnWrap a i,
.ListBoardBtnWrap a svg { font-size:0.8em; margin:0 0 0 5px; }

.Boardpage_acc { display:flex; justify-content: center; gap:3px; margin:40px 0 0; }
.Boardpage_acc > div.pg-no { display:flex; justify-content: center; align-items: center; border:var(--frmInputBorder); min-width:30px; height:30px; color:var(--fontColor555); border-radius:3px; }
.Boardpage_acc > div.pg-no.pg-on { background:var(--BoardpageBgOn); color:#fff; border:1px solid var(--BoardpageBgOn); }
.Boardpage_acc > div.pg-no > a { display:flex; justify-content: center; align-items: center; width:100%; height:100%; padding:0 3px; color:var(--fontColor000); }
.Boardpage_acc > div.pg-no.pg-remo { border:0; min-width:auto; padding-right:7px; }
.Boardpage_acc > div.pg-no.pg-remo2 { border:0; min-width:auto; padding-left:7px; }



@media (max-width: 767px) {                             /* var(--mobile) */
    .Boardpage_acc > div.pg-no { min-width:26px; height:26px; }
    .Boardpage_acc > div.pg-no.pg-on { background:var(--BoardpageBgOn); color:#fff; border:1px solid var(--BoardpageBgOn); }
    .Boardpage_acc > div.pg-no > a { display:flex; justify-content: center; align-items: center; width:100%; height:100%; padding:0 2px; color:var(--fontColor000); }
    .Boardpage_acc > div.pg-no.pg-remo { border:0; min-width:auto; padding-right:0px; }
    .Boardpage_acc > div.pg-no.pg-remo2 { border:0; min-width:auto; padding-left:0px; }

        
    .ListBoardSearchWrap { flex-direction: column; align-items:flex-start; gap:5px; }
        .lbsBar { display:inline-block; width:2px; height:12px; vertical-align:middle; margin:-3px 10px 0; background:#bcbcbc; }
    .ListBoardSearchWrap > div:nth-child(2) {  }
    .ListBoardSearchWrap #fsearch { display:inline-flex; gap:5px; }
    .ListBoardSearchWrap #fsearch input#stx { width:220px; height:40px; border-radius:3px; padding:0 10px; }
    .ListBoardSearchWrap #fsearch button[type='submit'] { width:60px; height:40px; background:var(--ListSearchBtn); border:0; font-size:clamp(15px,1.042vw,17px); font-weight:600; color:#fff; border-radius:3px; }
    .ListBoardSearchWrap #fsearch button[type='submit']:hover,
    .ListBoardSearchWrap #fsearch button[type='submit']:focus { background:var(--ListSearchBtnOn); }

        
    .ListBoardTable { width: 100%; max-width: 100%; display: block; }
    .ListBoardTable > tbody { width: 100%; display: block; }
    .ListBoardTable > thead > tr > th { display:none; }
    .ListBoardTable > tbody > tr {  width:100%; max-width: 100%; overflow: hidden; display:grid; grid-template-columns: 100px auto; gap:10px 0; padding:25px 10px; border-bottom:var(--WriteBoardTableBorder); position:relative; }
    .ListBoardTable > tbody > tr > td { height:auto; padding:0; text-align:left; border:0px; }
    .ListBoardTable > tbody > tr > td.subject { display: inherit; width:100%; max-width: 100%; padding-left:0px; font-size:18px; font-weight:500; grid-column: auto / span 2; order:1; }
    .ListBoardTable > tbody > tr > td.subject > .subject_more { display:block; }

    .ListBoardTable > tbody > tr > td.bocheckbox { position:absolute; left:2px; top:2px; order:9; }
    .ListBoardTable > tbody > tr > td .list_notice { padding:5px 8px; margin:0 5px 0 0; }

    .ListBoardTable > tbody > tr > td.num,
    .ListBoardTable > tbody > tr > td.hit,
    .ListBoardTable > tbody > tr > td.name,
    .ListBoardTable > tbody > tr > td.datetime,
    .ListBoardTable > tbody > tr > td.good,
    .ListBoardTable > tbody > tr > td.nogood { display:none; }

    .ListBoardTable > tbody > tr > td.tdEmpty { grid-column: auto / span 2; text-align:center; }
    
    

    .ListBoardBtnWrap .lbbCopy,
    .ListBoardBtnWrap .lbbMove { display:none; }

}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}


/* 기본 게시판 글읽기 */
.ViewBoardTop { display:flex; flex-direction: column; align-items:center; gap:15px; margin:0 0 0px; padding:40px 10px; border-top:var(--ViewBoardTopBorder); border-bottom:var(--topMenuBorder); }
.ViewBoardTop > div:nth-child(1) { font-size:clamp(22px,1.042vw,28px); color:var(--fontColor000); font-weight:600; }
.ViewBoardTop > div:nth-child(2) { display:flex; gap:8%; justify-content: center; }
.ViewBoardTop > div:nth-child(2) > div { display:flex; gap:5px; white-space: nowrap; }


.ViewBoardFileWrap { display:flex; flex-direction: column; gap:10px; margin:0 0 0px; padding:30px 25px; border-bottom:var(--topMenuBorder); background-color:var(--ViewBoardFileBg); }
.ViewBoardFileWrap > div { display:flex; font-size:clamp(16px,1.042vw,18px); color:var(--fontColor000); }
.ViewBoardFileWrap > div > div:nth-child(1) { flex-shrink:0; width:100px; }
.ViewBoardFileWrap > div > div:nth-child(2) { flex-grow:1; font-weight:500;}
.ViewBoardFileWrap > div > div:nth-child(2) > span { font-weight:400; font-size:0.8em; margin-left:5px; }

.viewBoardContent { padding:40px 0; min-height:200px; border-bottom:var(--topMenuBorder); }
.viewBoardContent #bo_v_con { word-break:break-all; }
.viewBoardContent #bo_v_con a { text-decoration:underline; }
.viewBoardContent #bo_v_img img,
.viewBoardContent #bo_v_con img { max-width:100%; height:auto; }

.viewBoardPostNavigation { display:flex; flex-direction: column; border-top:var(--viewBoardPostNaviBorder); margin:70px 0 0; }
.viewBoardPostNavigation > div { display:flex; align-items: stretch; border-bottom:var(--topMenuBorder); }
.viewBoardPostNavigation > div > div { display:flex; align-items: center; }
.viewBoardPostNavigation > div > .vbpnArrow { width:clamp(40px,8%,100px); flex-shrink: 0; background-color:var(--ViewBoardFileBg); justify-content:center; }
.viewBoardPostNavigation > div > .vbpnType { width:clamp(60px,8%,90px); flex-shrink: 0; background-color:var(--ViewBoardFileBg); }
.viewBoardPostNavigation > div > .vbpnTitle { padding:25px 20px 25px 30px; min-width:0; }
.viewBoardPostNavigation > div > .vbpnTitle > a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.viewBoardPostNavigation > div > .vbpnDate { width:clamp(130px,3%,160px); flex-shrink: 0; margin-left:auto; justify-content:center; }


.viewBoardBtnWrap { display:flex; align-items:center; margin:40px 0 0; justify-content: space-between; }
.viewBoardBtnWrap > div { display:inline-flex; gap:5px; }
.viewBoardBtnWrap > div:nth-child(1) {  }
.viewBoardBtnWrap > div:nth-child(2) {  }
.viewBoardBtnWrap button,
.viewBoardBtnWrap a { display:inline-block; height:35px; line-height:36px; margin:0; padding:0 10px; border:0; background:var(--ListSearchBtn); font-size:clamp(15px,1.042vw,17px); font-weight:500; color:#fff; border-radius:3px; }
.viewBoardBtnWrap button:hover,
.viewBoardBtnWrap button:focus,
.viewBoardBtnWrap a:hover,
.viewBoardBtnWrap a:focus { background:var(--ListSearchBtnOn); }
.viewBoardBtnWrap button i,
.viewBoardBtnWrap button svg,
.viewBoardBtnWrap a i,
.viewBoardBtnWrap a svg { font-size:0.8em; margin:0 0 0 5px; }
.viewBoardBtnWrap a.vbbList { width:200px; height:70px; line-height:71px; text-align:center; border-radius:35px; font-size:clamp(17px,1.042vw,20px); font-weight:600; }



@media (max-width: 767px) {                             /* var(--mobile) */
    .viewBoardBtnWrap a.vbbList { width:100px; height:50px; line-height:51px; border-radius:15px; font-size:clamp(17px,1.042vw,20px); }
    
    .viewBoardBtnWrap .vbbCopy,
    .viewBoardBtnWrap .vbbMove { display:none; }

    .viewBoardPostNavigation > div > .vbpnDate { display:none; }
}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}
/* 게시판 영역 끝 */


/* Form 시작 */
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea, 
.frm_input { 
  padding:5px; border:var(--frmInputBorder); background: var(--frmInputBg); color: var(--fontColor000); 
  vertical-align:middle; border-radius:4px; padding:5px; 
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea { padding:2px 2px 3px; }
.frm_input { height:40px; }

.full_input { width:100%; }
.half_input { width:49.5%; }

select.DesignSelect { 
	height:40px; padding:0 30px 0 10px; box-sizing:border-box; background:url("/img/select_arrow.png") no-repeat right 10px center;
	border:var(--frmInputBorder); background-color: var(--frmInputBg); 
	border-radius:4px; /* iSO 둥근모서리 제거 */ 
	outline-style:none; /* 포커스시 발생하는 효과 제거를 원한다면 */ 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select.DesignSelect::-ms-expand { display:none; }




#variableFiles { width:100%; }
#variableFiles td { padding:2px 0; }

.boardFileArea { padding-bottom:3px; font-size:0px; }
.boardFileArea .file_btn { border:0; font-size:clamp(13px,1.042vw,16px); margin:0 5px 0 0; outline:none; color:var(--fileBtnColor); background-color:var(--fileBtnBg); width:30px; height:30px; line-height:30px; }
.boardFileArea .file_btn:hover { color:var(--fileBtnColorOn); }

.filebox { display: flex; flex:1; width:100%; }
.filebox input[type="file"].upload-hidden-file { display: block; width: 0; height: 0; overflow: hidden; }
.filebox .upload-name {
	flex: 1;
    width: 30%; max-width: 400px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box; cursor:pointer;
    justify-content: center;
    margin-top:auto; margin-bottom:auto;
}
.filebox .upload-label {
	flex: initial;
    width: 80px;
    height: 40px;
    line-height:40px;
    color:var(--fileBtnColor); background-color:var(--fileBtnBg); font-weight:500;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    align-items: center;
    cursor: pointer; text-align:center;
    margin-top:auto; margin-bottom:auto;
}
.filebox .file-content {
	flex: 1;
    width: 30%; max-width: 400px;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    margin-top:auto; margin-bottom:auto;
}
.filebox .file-del-wrap {
	flex: 1; display: flex; 
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: space-around;
    align-content: space-around;
    width: 30%; line-height:1.2em; max-width: 400px;
    box-sizing: border-box;
    margin-left: auto;
    margin-top:auto; margin-bottom:auto;
}
.filebox .file-del-wrap .fileChkWrap { flex:auto; }
.filebox .file-del-wrap .fileChkWrap input[type='checkbox'] { margin:0 5px 3px; display:inline-block; }
.filebox .file-del-wrap .fileDownWrap {
    flex:auto; padding:0 5px 2px 7px; font-size:0.9em;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.filebox .file-del-wrap .fileDownWrap a { color:#5b747e; }
.filebox .file-del-wrap .fileDownWrap a:hover { text-decoration:underline; }

/* Form 끝 */



/* UL, OL 스타일 시작 */
ul, ol { list-style:none; margin:0 0 0 0; padding:0; }
ul > li, ol > li { margin:0; padding:0; }


ol.CircleOl { display:flex; flex-direction: column; gap:5px; list-style-type:none; list-style:none; }
ol.CircleOl > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:clamp(13px,1.042vw,16px); color:var(--fontColor000); font-weight:400; line-height:1.5em; padding:0px 0px 0px clamp(22px,1.042vw,25px); }
ol.CircleOl > li::before { content:""; position:absolute; left:0px; top:0px; display:inline-block; text-align:right; width:clamp(22px,1.042vw,25px); padding-right:3px; font-size:clamp(16px,1.042vw,19px); }
ol.CircleOl > li:nth-child(1)::before { content:"①"; }
ol.CircleOl > li:nth-child(2)::before { content:"②"; }
ol.CircleOl > li:nth-child(3)::before { content:"③"; }
ol.CircleOl > li:nth-child(4)::before { content:"④"; }
ol.CircleOl > li:nth-child(5)::before { content:"⑤"; }
ol.CircleOl > li:nth-child(6)::before { content:"⑥"; }
ol.CircleOl > li:nth-child(7)::before { content:"⑦"; }
ol.CircleOl > li:nth-child(8)::before { content:"⑧"; }
ol.CircleOl > li:nth-child(9)::before { content:"⑨"; }
ol.CircleOl > li:nth-child(10)::before { content:"⑩"; }
ol.CircleOl > li:nth-child(11)::before { content:"⑪"; }
ol.CircleOl > li:nth-child(12)::before { content:"⑫"; }
ol.CircleOl > li:nth-child(13)::before { content:"⑬"; }
ol.CircleOl > li:nth-child(14)::before { content:"⑭"; }
ol.CircleOl > li:nth-child(15)::before { content:"⑮"; }
/*
ol.CircleOl { display:inline-block; width:100%; vertical-align:top; counter-reset:cnt; }
ol.CircleOl > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:clamp(13px,1.042vw,16px); color:var(--fontColor000); font-weight:400; padding:0px 0px 0px 22px; }
ol.CircleOl > li::before { content:""; position:absolute; left:-10px; top:0; display:inline-block; text-align:right; width:30px; }
ol.CircleOl > li { 
	width:100%; display:inline-block; position:relative; padding-left:25px; box-sizing:border-box; word-break:keep-all;
	font-size:16px; line-height:25px; margin:2px 0;
}
ol.CircleOl > li::before {
	position:absolute; left:0px; top:4px; width:18px; height:17px; line-height:15px; display:inline-block; text-align:center; 
	font-size:12px; box-sizing:border-box; border:1px solid #000; border-radius:50%; 
	counter-increment:cnt; content:counter(cnt);
}
*/


ol.NumDotOl { display:inline-block; width:100%; vertical-align:top; counter-reset:cnt; }
ol.NumDotOl > li { width:100%; display:inline-block; position:relative; padding-left:25px; box-sizing:border-box; word-break:keep-all; font-size:inherit; }
ol.NumDotOl > li::before {
	position:absolute; left:-10px; top:0; display:inline-block; text-align:right; width:30px;
	counter-increment:cnt; content:counter(cnt)". ";
}


ol.HyphenOl { display:inline-block; width:100%; vertical-align:top; }
ol.HyphenOl > li { width:100%; display:inline-block; position:relative; padding-left:17px; box-sizing:border-box; word-break:keep-all; font-size:inherit; }
ol.HyphenOl > li::before { content:"-"; position:absolute; left:3px; top:0; display:inline-block; }


ol.ReferenceMarkOl { display:inline-block; width:100%; vertical-align:top; }
ol.ReferenceMarkOl > li { width:100%; display:inline-block; position:relative; padding-left:17px; box-sizing:border-box; word-break:keep-all; }
ol.ReferenceMarkOl > li::before { content:"※"; position:absolute; left:0px; top:0; display:inline-block; }





ol.discDesignOl { display:flex; flex-direction: column; gap:5px; list-style-type:none; list-style:none; }
ol.discDesignOl > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); font-weight:400; line-height:1.5em; padding-left:17px; }
ol.discDesignOl > li::before { content:""; display:block; position:absolute; left:0px; width:5px; height:5px; border-radius:50%; top:12px; background-color:var(--fontColor000); }

ol.blueBorderOl { display:flex; flex-direction: column; gap:5px; list-style-type:none; list-style:none; }
ol.blueBorderOl > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); font-weight:400; line-height:1.5em; padding-left:25px; }
ol.blueBorderOl > li::before { content:""; display:block; position:absolute; left:0px; width:16px; height:16px; border-radius:50%; top:clamp(3px,0.6vw,7px); border:4px solid #0064dd; }

ol.blueBorderOl.font17 {  }
ol.blueBorderOl.font17 > li { font-size:17px; }
ol.blueBorderOl.font17 > li::before { top:2px; }

ol.roundedNumberOl { display:flex; flex-direction: column; gap:7px; counter-reset:cnt; list-style-type:none; list-style:none; }
ol.roundedNumberOl > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); font-weight:400; line-height:1.5em; padding:0px 0px 0px clamp(35px,1.042vw,40px); }
ol.roundedNumberOl > li::before {
	position:absolute; left:0px; top:0px; display:inline-block; width:clamp(25px,1.5vw,30px); height:clamp(25px,1.5vw,30px); line-height:clamp(25px,1.5vw,30px); color:#fff; border-radius:8px; text-align:center;
	counter-increment:cnt; content:counter(cnt)""; background:#333333;
}

ol.circleNumberOl { display:flex; flex-direction: column; gap:10px; counter-reset:cnt; list-style-type:none; list-style:none; }
ol.circleNumberOl > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:clamp(17px,1.042vw,20px); color:var(--fontColor000); font-weight:400; line-height:1.5em; padding:0px 0px 0px 32px; }
ol.circleNumberOl > li::before {
	position:absolute; left:0px; top:3px; display:inline-block; width:24px; height:24px; line-height:22px; padding-top:2px; color:#fff; border-radius:50%; text-align:center;
	counter-increment:cnt; content:counter(cnt)""; background:#333333; font-size:16px; font-weight:600;
}

ol.HyphenOl2 { display:flex; flex-direction: column; gap:5px; }
ol.HyphenOl2 > li { position:relative; padding-left:17px; word-break:keep-all; font-size:inherit; }
ol.HyphenOl2 > li::before { content:"-"; position:absolute; left:3px; top:0; display:inline-block; }


ol.NumDotOl2 { display:flex; flex-direction: column; gap:5px; counter-reset:cnt; }
ol.NumDotOl2 > li { position:relative; padding-left:25px; box-sizing:border-box; word-break:keep-all; font-size:inherit; }
ol.NumDotOl2 > li::before {
	position:absolute; left:-10px; top:0; display:inline-block; text-align:right; width:30px;
	counter-increment:cnt; content:counter(cnt)". "; font-weight:500;
}



@media (max-width: 767px) {                             /* var(--mobile) */
    ol.circleNumberOl > li::before { top:0px; }
    ol.discDesignOl > li::before { top:10px; }

}
@media (min-width: 768px) and (max-width: 1023px) {     /* var(--mobile) and var(--tablet) */
    ol.circleNumberOl > li::before { top:1px; }
    ol.discDesignOl > li::before { top:10px; }

}
@media (min-width: 1024px) {                            /* var(--desktop) */

}

/* UL, OL 스타일 끝 */