@charset "utf-8";/* CSS Document */
.box1 { max-width: 1200px; width: 95%; margin: 0 auto; position: relative; } 
.box2 { max-width: 1480px; width: 100%; margin: 0 auto; position: relative; } 
body { font-size: 16px; font-family: "notokrR", "notokrM", "맑은고딕", "맑은 고딕", "MalgunGothic", "Malgun Gothic", "나눔 고딕", "나눔고딕", "Nanum Gothic", "sans-serif"; } 

#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } 
#header .top_area { background: rgba(0, 0, 0, 0.15); z-index: 9; position: relative; overflow: hidden; transition: 0.3s; } 
#header .top_area .symbol_txt { float: left; color: #fff; font-size: 0.750em; letter-spacing: 4.2px; background: url(../images/inc/symbol.png) no-repeat left center; padding: 0 0 0 38px; height: 34px; line-height: 34px; } 
#header .top_area .top_menu { position: absolute; right: 90px; top: 5px; } 
#header .top_area .top_menu > li { display: inline-block; *display: inline; zoom: 1; text-align: center; padding: 0 12px 0 6px; position: relative; } 
#header .top_area .top_menu > li.bg:after { content: ""; height: 2px; width: 2px; background: #eee; position: absolute; right: 0; top: 50%; margin-top: -1px; } 
#header .top_area .top_menu > li a { font-size: 0.75em; color: #fff; } 
#header .top_area ol.font { overflow: hidden; float: right; padding-top: 5px; } 
#header .top_area ol.font li { float: left; width: 28px; height: 24px; border: 1px solid #fff; box-sizing: border-box; cursor: pointer; } 
#header .top_area ol.font li.big { background: url(../images/inc/font_big.png) no-repeat center center; } 
#header .top_area ol.font li.ori { background: url(../images/inc/font_dot.png) no-repeat center center; border-left: 0; border-right: 0; } 
#header .top_area ol.font li.small { background: url(../images/inc/font_small.png) no-repeat center center; } 


#header .gnb_area { width: 100%; background: rgba(0, 0, 0, 0.15); margin-top: -1px; position: relative; z-index: inherit; transition: 0.3s; } 
#header .gnb_area .logo { position: absolute; left: 0; top: 13px; } 
#header .gnb_area .logo a { display: block; width: 246px; height: 58px; background: url(../images/inc/h_logo.png) no-repeat; } 

#header .gnb_area .gnb_bg { background: rgba(0, 57, 108, 0.95); width: 100%; position: absolute; left: 0; top: 82px; } 
#header .gnb_area .gnb_bg_con { background: url(../images/inc/gnb_bg.png) no-repeat right top -10px; } 
#header .gnb_area .box1 > .gnb { float: left; margin-left: 370px; } 
#header .gnb_area .box1 > .gnb > li { float: left; text-align: center; } 
#header .gnb_area .box1 > .gnb > li .dp1 { display: block; position: relative; font-family: "notokrM", sans-serif; font-size: 1.1em; color: #fff; height: 100%; padding: 0 32px; line-height: 82px; } 
#header .gnb_area .box1 > .gnb > li .dp1:after { position: absolute; right: -1px; top: 50%; margin-top: -4px; content: ""; width: 5px; height: 8px; background: url(../images/inc/gnb_line.png) no-repeat center; } 
#header .gnb_area .box1 > .gnb > li.m_5 .dp1:after { display: none; } 

#header .gnb_area .box1 > .gnb > li .dp1:before { content: ""; width: 24px; height: 13px; background: url(../images/inc/dp1_on.png) no-repeat; position: absolute; top: 77px; left: 50%; margin-left: -12px; z-index: 10000; transition: 0.3s; opacity: 0; } 
#header .gnb_area .box1 > .gnb > li .dp1.on:before { opacity: 1; } 
#header .gnb_area .box1 > .gnb > li:hover .dp1:before { background: url(../images/inc/dp1_hover.png) no-repeat; top: 72px; opacity: 1; } 

#header .gnb_area .box1 > .gnb .dp2 { position: absolute; left: 0; bottom: auto; width: 100%; font-size: 0; } 
#header .gnb_area .box1 > .gnb .dp2 .slog { font-weight: normal; font-size: 2rem; color: #fff; padding: 20px 0; background: url(../images/inc/dot_line.png) repeat-x bottom; text-align: left; } 
#header .gnb_area .box1 > .gnb .dp2 .slog span { display: inline-block; margin-left: 15px; font-size: 0.813rem; color: rgba(255, 255, 255, 0.6); letter-spacing: 2px; vertical-align: middle; } 
#header .gnb_area .box1 > .gnb .dp2 > li { display: inline-block; width: 20%; padding: 20px 0 30px; } 
#header .gnb_area .box1 > .gnb .dp2 > li.sm_1 > a { border-left: 1px solid rgba(255, 255, 255, 0.4); } 
#header .gnb_area .box1 > .gnb .dp2 > li > a { position: relative; display: block; color: #fff; font-size: 1rem; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; } 
#header .gnb_area .box1 > .gnb .dp2 > li > a .icon { display: table; width: 90px; height: 90px; border-radius: 90px; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 auto 15px; text-align: center; } 
#header .gnb_area .box1 > .gnb .dp2 > li > a .icon em { display: table-cell; vertical-align: middle; } 
#header .gnb_area .box1 > .gnb .dp2 > li > a:hover { text-decoration: underline; } 
#header .gnb_area .box1 > .gnb .dp2 > li > a:hover .icon { background: #0488ff; border-color: #0488ff; } 

#header .gnb_area .box1 > .gnb .dp2,
#header .gnb_area .box1 > .gnb .m_guide { display: none; } 

#header .gnb_area .r_menu { float: right; margin-top: 22px; } 
#header .gnb_area .r_menu > a { display: inline-block; width: 40px; height: 36px; border: 1px solid #fff; position: relative; } 
#header .gnb_area .r_menu .m_all_btn { display: none; } 
#header .gnb_area .r_menu > a * { transition: 0.5s ease; } 
#header .gnb_area .r_menu > a > ul { position: absolute; left: 50%; top: 50%; width: 20px; margin: -7px 0 0 -10px; z-index: 999; } 
#header .gnb_area .r_menu > a > ul > li { width: 100%; height: 2px; background: #fff; margin: 0 0 4px 0; } 
#header .gnb_area .r_menu > a .bar_m { width: 70%; } 
#header .gnb_area .r_menu > a .bar_b { margin: 0; } 
#header .gnb_area .r_menu > a:hover .bar_t,
#header .gnb_area .r_menu > a:hover .bar_b { width: 50%; } 
#header .gnb_area .r_menu > a:hover .bar_m { width: 100%; } 
#header .gnb_area .r_menu > a.on { border-color: #04397d; } 
#header .gnb_area .r_menu > a.on .bar_t { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 100%; margin: 5px 0 0 0; background: #04397d; } 
#header .gnb_area .r_menu > a.on .bar_m { display: none; } 
#header .gnb_area .r_menu > a.on .bar_b { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 100%; margin: -2px 0 0 0; background: #04397d; } 

#header.w_bg .top_area,
#header.on .top_area { background: #04397d; } 
body.sub #header .top_area { background: #04397d !important; } 

#header.w_bg .gnb_area,
#header.on .gnb_area { background: #fff; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); } 
body.sub #header .gnb_area { background: inherit; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } 
body.sub #header.w_bg .gnb_area,
body.sub #header.on .gnb_area { background: #fff; } 

#header.w_bg .gnb_area .logo a,
#header.on .gnb_area .logo a { background: url(../images/inc/h_logo_on.png) no-repeat; } 
#header.w_bg .gnb_area .box1 > .gnb > li .dp1,
#header.on .gnb_area .box1 > .gnb > li .dp1 { color: #121212; } 
#header.w_bg .gnb_area .box1 > .gnb > li .dp1:after,
#header.on .gnb_area .box1 > .gnb > li .dp1:after { background: url(../images/inc/gnb_line_on.png) no-repeat center; } 

#header.w_bg .gnb_area .r_menu > a,
#header.on .gnb_area .r_menu > a { border: 1px solid #04397d; } 
#header.w_bg .gnb_area .r_menu > a > ul > li,
#header.on .gnb_area .r_menu > a > ul > li { background: #04397d; } 


#header.inLogin .top_area,
#header.on .top_area { background: #04397d; } 
body.sub #header .top_area { background: #04397d !important; } 

#header.inLogin .gnb_area,
#header.on .gnb_area { background: #fff; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); } 
body.sub #header .gnb_area { background: inherit; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } 
body.sub #header.inLogin .gnb_area,
body.sub #header.on .gnb_area { background: #fff; } 

#header.inLogin .gnb_area .logo a,
#header.on .gnb_area .logo a { background: url(../images/inc/h_logo_on.png) no-repeat; } 
#header.inLogin .gnb_area .box1 > .gnb > li .dp1,
#header.on .gnb_area .box1 > .gnb > li .dp1 { color: #121212; } 
#header.inLogin .gnb_area .box1 > .gnb > li .dp1:after,
#header.on .gnb_area .box1 > .gnb > li .dp1:after { background: url(../images/inc/gnb_line_on.png) no-repeat center; } 

#header.inLogin .gnb_area .r_menu > a,
#header.on .gnb_area .r_menu > a { border: 1px solid #04397d; } 
#header.inLogin .gnb_area .r_menu > a > ul > li,
#header.on .gnb_area .r_menu > a > ul > li { background: #04397d; } 


#header .allmenu_area { display: none; } 
#header .allmenu_area { background: #fff; border-top: none; width: 96%; padding: 20px 2% 40px 2%; height: auto; position: absolute; z-index: 9999; left: 0; top: 82px; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3); display: none; } 
#header .allmenu_area .gnb { overflow: hidden; } 
#header .allmenu_area .gnb > li { float: left; width: 20%; } 
#header .allmenu_area .gnb > li .dp1 { display: block; font-size: 0.938em; color: #222; border-bottom: 2px solid #04397d; font-weight: 600; padding: 0 0 8px 0; margin: 0 8px 10px 8px; position: relative; } 
#header .allmenu_area .gnb > li .dp1 > .icon { display: none; /*position:absolute; z-index:inherit; left:0; top:0; width:100%; height:60px; background-repeat:no-repeat; background-size:cover; background-position:center; */}

#header .allmenu_area .gnb > li .dp2 { margin: 0 8px; opacity: 1 !important; } 
#header .allmenu_area .gnb > li .dp2 > li > a { position: relative; display: block; font-size: 0.813em; color: #555; padding: 10px; line-height: 15px; border-bottom: 1px solid #eee; } 
#header .allmenu_area .gnb > li .dp2 > li > a:before { content: ""; width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 16px; } 
#header .allmenu_area .gnb > li .dp2 > li > a:hover { background: #f5f5f5; } 

#header .allmenu_area .gnb .dp2 .icon,
#header .allmenu_area .gnb .dp2 .slog,
#header .allmenu_area .gnb > li.m_guide { display: none; } 



#footer { } 
#footer .f_info { background: #232323; padding: 25px 0; } 
#footer .f_info .left { overflow: hidden; } 
#footer .f_info .left li { float: left; margin-right: 15px; color: #aeaeae; font-family: "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 0.750em; line-height: 24px; letter-spacing: -0.5px; } 
#footer .f_info .left li.cl { clear: both; } 
#footer .f_info .right { position: absolute; right: 0; top: 27px; overflow: hidden; } 
#footer .f_info .right li { float: left; } 
#footer .f_info .right li a { display: block; font-size: 0.875em; color: #fff; margin-left: 20px; padding-left: 20px; position: relative; } 
#footer .f_info .right li.bg a:before { content: ""; width: 1px; height: 11px; background: #b2b2b2; position: absolute; left: 0; top: 50%; margin-top: -5px; } 

#footer .f_copy { background: #141618; padding: 25px 0 35px; overflow: hidden; } 
#footer .f_copy .copy { color: #fff; font-family: "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 0.750em; float: left; line-height: 27px; } 
#footer .f_copy ul { float: right; } 
#footer .f_copy ul li { display: inline-block; margin-left: 5px; } 
#footer .f_copy ul li a { display: block; font-family: "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 0.750em; width: 155px; text-align: center; padding: 5px 0 6px; background: #3b3b3b; color: #fff; } 
#footer .f_copy ul li a:hover { background: #2b2b2b; } 


body.sub #contents { margin-top: 34px; } 
#contents .s_visu_area { width: 100%; height: 324px; text-align: center; background-repeat: no-repeat; background-position: center top; position: relative; } 
#contents .s_visu_area.bg_1 { background-image: url(../images/inc/s_visu1.jpg); } 
#contents .s_visu_area.bg_2 { background-image: url(../images/inc/s_visu2.jpg); } 
#contents .s_visu_area.bg_3 { background-image: url(../images/inc/s_visu3.jpg); } 
#contents .s_visu_area.bg_4 { background-image: url(../images/inc/s_visu4.jpg); } 
#contents .s_visu_area.bg_5 { background-image: url(../images/inc/s_visu5.jpg); } 
#contents .s_visu_area.bg_7 { background-image: url(../images/inc/s_visu7.jpg); } 
#contents .s_visu_area.bg_guide { background-image: url(../images/inc/s_visu5.jpg); } 

#contents .s_visu_area .black_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 9; } 
#contents .s_visu_area .slogan { position: absolute; width: 100%; left: 0; top: 140px; z-index: 10; } 
#contents .s_visu_area .slogan p { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); color: #fff; font-size: 1.625em; font-family: notokrR, sans-serif; } 

#contents .sub_con { position: relative; z-index: 10; top: -51px; border-top: 1px solid rgba(255, 255, 255, 0.5); } 
.sub_con .sub_nav .gnb > li,
.sub_con .sub_nav .gnb > li .dp1,
.sub_con .sub_nav .gnb > li .dp2 .slog,
.sub_con .sub_nav .gnb > li .dp2 .icon { display: none; } 
.sub_con .sub_nav .gnb > li .dp2 { text-align: center; font-size: 0; } 
.sub_con .sub_nav .gnb > li .dp2 > li { display: inline-block; } 
.sub_con .sub_nav .gnb > li .dp2 > li > a { font-size: 0.938rem; font-family: "notokrM", sans-serif; display: block; padding: 0 25px; height: 50px; line-height: 50px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); position: relative; } 
.sub_con .sub_nav .gnb > li .dp2 > li > a:hover { text-decoration: underline; } 
.sub_con .sub_nav .gnb > li .dp2 > li.on > a { background: #0064bb; } 
.sub_con .sub_nav .gnb > li .dp2 > li.on > a:before { content: ""; width: 24px; height: 13px; background: url(../images/inc/sub_nav_on.png) no-repeat; position: absolute; bottom: -7px; left: 50%; margin-left: -12px; z-index: 999; } 

.sub_con .con_area .tit_area { width: 100%; overflow: hidden; box-sizing: border-box; padding: 28px 0 10px 0; border-bottom: 1px solid #ddd; } 
.sub_con .con_area .tit_area > h3 { font-size: 2.063em; color: #333; text-align: left; font-weight: normal; font-family: "notokrM", sans-serif; } 
.sub_con .con_area .tit_area .nav { position: absolute; right: 0; top: 48px; } 
.sub_con .con_area .tit_area .nav > li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 0.813em; color: #666; line-height: 24px; padding: 0 0 0 14px; background: url(../images/inc/icon_c_arrow.png) no-repeat 2px center; } 
.sub_con .con_area .tit_area .nav > li.home { background: none; padding: 0 0 0 3px; } 
.sub_con .con_area .tit_area .nav > li.this { font-family: "notokrM", sans-serif; color: #0066b1; } 

.sub .doc { padding: 32px 0 120px 0; min-height: 500px; overflow: hidden; } 







/*sitemap*/
.sitemap .gnb { overflow: hidden; margin: 0 0 0 -20px; } 
.sitemap .gnb > li { float: left; width: 33.33%; } 
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide { display: none}
.sitemap .gnb > li .dp1 { display: block; margin: 0 0 0 20px; padding: 13px 0 26px 7px; font-size: 1.250em; border-bottom: 1px solid #000; color: #000; font-weight: 600; } 
.sitemap .gnb > li:hover .dp1 { border-bottom: 1px solid #033e87; color: #033e87; } 
.sitemap .gnb > li .dp2 { margin: 0 0 0 20px; } 
.sitemap .gnb > li .dp2 .slog,
.sitemap .gnb > li .dp2 .icon { display: none; } 
.sitemap .gnb > li .dp2 > li > a { display: block; font-size: 0.938em; color: #555; margin-top: 20px; padding-left: 7px; } 
.sitemap .gnb > li .dp2 > li > a:hover { font-weight: 600; color: #033e87; } 
.sitemap .gnb > li .dp3 { display: none; } 
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3 { min-height: 310px; border-bottom: 1px solid #e2e2e2; } 
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5,
.sitemap .gnb > li.m_6 { margin-top: 40px; } 





/* -------------------- main -------------------- */
.main .main_visu { position: relative; width: 2000px; left: 50%; margin: 0 0 0 -1000px; top: 0; overflow: hidden; z-index: 99}
.main .main_visu .main_slog { position: absolute; width: 100%; text-align: center; top: 290px; z-index: 1000; color: #fff; font-size: 2.750em; font-family: "notokrM", sans-serif; letter-spacing: 1px; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); } 
.main .main_visu .main_slog .small { display: block; font-size: 1.750rem; letter-spacing: -1px; font-family: "notokrL", sans-serif; } 
.main .main_visu .main_slog .small strong { font-weight: normal; font-family: "notokrM", sans-serif; } 
.main .main_visu .flex-pauseplay { position: absolute; left: 50%; margin-left: -43px; bottom: 25px; z-index: 101; font-size: 0; } 
.main .main_visu .flex-pauseplay a { display: inline-block; width: 10px; height: 14px; background: url(../images/main/pause.png) no-repeat center; cursor: pointer; } 
.main .main_visu .flex-control-paging { position: absolute; left: 50%; margin-left: -22px; bottom: 22px; z-index: 100; font-size: 0; } 
.main .main_visu .flex-control-paging a { display: inline-block; width: 9px; height: 9px; border-radius: 15px; background: #fff; margin: 0 5px; } 
.main .main_visu .flex-control-paging a.flex-active { background: none; border: 5px solid #fff; } 

.main .bnr_area { margin: 20px 0; } 
.main .bnr_area ul { overflow: hidden; margin-left: -20px; } 
.main .bnr_area ul li { float: left; width: 25%; } 
.main .bnr_area ul li > a { display: block; margin-left: 20px; padding: 20px 25px 80px 25px; background-repeat: no-repeat; background-position: right 25px bottom 20px; position: relative; transition: 0.2s; } 
.main .bnr_area ul li.bnr1 > a { background-color: #10c5bf; background-image: url(../images/main/bnr1.png); } 
.main .bnr_area ul li.bnr2 > a { background-color: #2495dd; background-image: url(../images/main/bnr2.png); } 
.main .bnr_area ul li.bnr3 > a { background-color: #1ba3bb; background-image: url(../images/main/bnr3.png); } 
.main .bnr_area ul li.bnr4 > a { background-color: #20b492; background-image: url(../images/main/bnr4.png); } 
.main .bnr_area ul li.bnr1 > a:hover { background-color: #10ada8; } 
.main .bnr_area ul li.bnr2 > a:hover { background-color: #1f85c5; } 
.main .bnr_area ul li.bnr3 > a:hover { background-color: #178ca0; } 
.main .bnr_area ul li.bnr4 > a:hover { background-color: #1b9e80; } 

.main .bnr_area ul li a p { color: #fff; } 
.main .bnr_area ul li a p.tt { font-size: 1.313em; font-family: "notokrM", sans-serif; margin-bottom: 17px; } 
.main .bnr_area ul li a p.txt { font-size: 0.813em; } 
.main .bnr_area ul li a .btn { position: absolute; left: 25px; bottom: 20px; width: 33px; height: 33px; border-radius: 33px; border: 1px solid #fff; box-sizing: border-box; background: url(../images/main/bnr_btn.png) no-repeat center; } 

.main .main_tt a { font-size: 2em; color: #000; font-family: "notokrB", sans-serif; letter-spacing: -0.5px; position: relative; padding-top: 15px; } 
.main .main_tt a:before { content: ""; width: 40px; height: 3px; background: #000; position: absolute; left: 2px; top: 0; } 
.main .notice_area { background: #e0e0e0 url(../images/main/notice_bg.jpg) no-repeat center; padding: 40px 0; } 
.main .notice_area ul { overflow: hidden; margin: 0 0 0 -20px; } 
.main .notice_area ul li { float: left; width: 25%; } 
.main .notice_area ul li .inner { margin: 30px 0 20px 20px; padding: 20px 25px; background: #fff; border-top: 4px solid #005aab; text-align: right; min-height: 234px; position: relative; box-shadow: 0 20px 20px -18px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 20px 20px -18px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 20px 20px -18px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 20px 20px -18px rgba(0, 0, 0, 0.4); } 
.main .notice_area ul li .inner span.date { display: inline-block; text-align: center; position: absolute; left: 25px; top: 20px; } 
.main .notice_area ul li .inner span.date .day { color: #555; font-size: 1.750em; display: block; line-height: 1; } 
.main .notice_area ul li .inner span.date .ym { color: #555; font-size: 0.750em; } 
.main .notice_area ul li .inner .title { display: inline-block; margin: 0 0 20px 45px; } 
.main .notice_area ul li .inner .title a { font-size: 1.125em; color: #333; letter-spacing: -0.5px; font-family: "notokrM", sans-serif; line-height: 1.3; word-wrap: break-word; word-break: break-all; overflow: hidden; display: block; height: 46px; } 
.main .notice_area ul li .inner .title a:hover { text-decoration: underline; } 
.main .notice_area ul li .inner .txt { text-align: left; word-break: break-all; } 
.main .notice_area ul li .inner .txt a { display: block; word-break: break-all; font-size: 0.938em; color: #555; overflow: hidden; line-height: 1.6; word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; } 
.main .notice_area ul li .inner .txt a:hover { text-decoration: underline; } 
.main .notice_area ul li .inner .more { display: inline-block; color: #e07900; font-size: 0.750em; font-family: "notokrM", sans-serif; border-bottom: 1px solid #e07900; position: absolute; right: 20px; bottom: 20px; } 

.main .slogan_area { overflow: hidden; margin: 25px 0 30px; } 
.main .slogan_area .left { float: left; color: #0057a6; font-size: 1.375em; line-height: 1.2; letter-spacing: -1px; } 
.main .slogan_area .left .bold { font-size: 2.125rem; font-family: "notokrB", sans-serif; display: block; text-transform: uppercase; } 
.main .slogan_area .right { float: right; text-align: right; font-family: "notokrM", sans-serif; font-size: 1.125em; line-height: 1.2; color: #555; padding-top: 13px; } 

.main .gallery_area { background: #0057a6 url(../images/main/gallery_bg.jpg) no-repeat center; padding: 40px 0 60px; } 
.main .gallery_area .main_tt a { color: #fff; } 
.main .gallery_area .main_tt a:before { background: #fff; } 
.main .gallery_area .gallery_ul { overflow: hidden; margin: 30px 0 0 -20px; } 
.main .gallery_area .gallery_ul > li { float: left; width: 25%; } 
.main .gallery_area .gallery_ul > li .inner { margin: 0 0 0 20px; } 
.main .gallery_area .gallery_ul > li .pic > img { transition: 0.5s ease; } 
.main .gallery_area .gallery_ul > li .inner:hover .pic > img { transform: scale(1.1, 1.1); transition: 0.5s ease; } 
.main .gallery_area .gallery_ul > li dl { background: #fff; padding: 15px 20px; } 
.main .gallery_area .gallery_ul > li dl dt { font-size: 1.063em; font-family: "notokrM", sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 25px; } 
.main .gallery_area .gallery_ul > li dl dd ol { overflow: hidden; } 
.main .gallery_area .gallery_ul > li dl dd ol li { font-size: 0.750em; font-family: "notokrM", sans-serif; } 
.main .gallery_area .gallery_ul > li dl dd ol .date { float: left; color: #666; } 
.main .gallery_area .gallery_ul > li dl dd ol .view { float: right; color: #e07900; border-bottom: 1px solid #e07900; } 




/* -------------------- sub -------------------- */
.sub_tit1 { background: url(../images/inc/h2-tit.png) no-repeat left center; padding-left: 33px; font-size: 1.375em; font-family: "notokrM", sans-serif; line-height: 1.3; margin-bottom: 25px; color: #333; } 
.sub_tit1.mt { margin-top: 50px; } 
.sub_tit2 { font-size: 1.2em; color: #00284c; display: inline-block; border-bottom: 1px solid #00284c; vertical-align: top; font-family: "notokrM", sans-serif; line-height: 1.3; padding-bottom: 7px; margin-bottom: 15px; } 
.sub_tit2.mt { margin-top: 25px; } 
.sub_tit3 { font-size: 1.125em; color: #49586c; padding-left: 17px; margin-bottom: 10px; font-family: "notokrM", sans-serif; position: relative; } 
.sub_tit3:before { content: ""; width: 4px; height: 4px; border-radius: 4px; background: #49586c; position: absolute; left: 0; top: 11px; } 
.sub_tit3.mt { margin-top: 20px; } 

.sub_list1 li { font-size: 1em; padding-left: 13px; margin: 5px 0; color: #333; position: relative; } 
.sub_list1 li:before { content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #2b405b; line-height: 1.3; } 
.sub_list1 li a { color: #333; text-decoration: underline; } 

.sub_list2 li { font-size: 1em; padding-left: 19px; margin: 5px 0; color: #666; position: relative; } 
.sub_list2 li:before { content: ""; position: absolute; left: 0; top: 12px; width: 6px; height: 1px; background: #134789; line-height: 1.3; } 
.sub_list2 li a { color: #333; text-decoration: underline; } 

.img_box { text-align: center; padding: 30px 20px; margin-top: 20px; background: #f5f5f5; } 
.img_box.mt0 { margin-top: 0; } 

.pattern_txt { text-align: center; padding: 30px 20px; line-height: 1.5; margin-top: 20px; font-size: 1.125em; position: relative; background: #f9f9f9; color: #555; } 
.pattern_txt:before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background: #0051a8 url(../images/sub/pat.png) repeat-y center; } 
.pattern_txt:after { content: ""; position: absolute; right: 0; top: 0; width: 10px; height: 100%; background: #0051a8 url(../images/sub/pat.png) repeat-y center; } 
.pattern_txt span.c1 { color: #0755b9; } 

.table_box { margin: 0 0 30px; } 
.table_box .tbl_st { width: 100%; border-top: 2px solid #2b405b; } 
.table_box .tbl_st thead tr th { padding: 12px 5px; border: 1px solid #afafaf; border-top: none; word-break: keep-all; background: #efefef; line-height: 1.5; font-size: 0.938em; color: #111; font-family: "notokrM", sans-serif; } 
.table_box .tbl_st tbody tr th { padding: 12px 5px; border: 1px solid #ddd; word-break: keep-all; background: #fff; line-height: 1.5; font-size: 0.875em; color: #222; font-family: "notokrM", sans-serif; } 
.table_box .tbl_st tbody tr td { padding: 12px 10px; border: 1px solid #ddd; word-break: keep-all; background: #fff; line-height: 1.5; text-align: center; font-size: 0.875em; color: #333; } 
.table_box .tbl_st tbody tr td p { text-align: left; margin-left: 15px; font-size: 0.875rem; color: #333; line-height: 1.5; } 
.table_box .tbl_st tbody tr td ul li { font-size: 0.875rem; color: #444; margin-top: 5px; position: relative; margin-left: 15px; padding-left: 10px; line-height: 1.5; text-align: left; } 
.table_box .tbl_st tbody tr td ul li:first-child { margin-top: 0; } 
.table_box .tbl_st tbody tr td ul li:after { background: #6ca4dd; width: 3px; height: 3px; content: ""; position: absolute; left: 0; top: 9px; } 

.wrap_idx .tab_idx { overflow: hidden; background: url(../images/sub/sub_tabline.jpg) repeat-x left 47px; font-size: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #0064bb; margin-bottom: 30px; } 
.wrap_idx .tab_idx li { display: inline-block; width: 25%; } 
.wrap_idx .tab_idx li a { display: block; padding: 14px 30px; font-size: 1em; text-align: center; color: #333; background: #fff; border: 1px solid #ccc; margin: 0 0 -1px -1px; } 
.wrap_idx .tab_idx li:hover a { text-decoration: underline; background: #f5f5f5; } 
.wrap_idx .tab_idx li.on a { background: #0064bb; color: #fff; border-color: #0064bb; } 

.bottom_p { font-size: 1.063em; color: #04397d; font-family: "notokrM", sans-serif; margin-top: 20px; } 

/* sub1_1 */
.greeting { background: url(../images/sub/greet_bg.png) no-repeat right center; } 
.greeting .tt { font-family: "notokrM", sans-serif; font-size: 1.5em; color: #666; line-height: 1.3; } 
.greeting .tt span.c1 { color: #0755b9; } 
.greeting .tt span.c2 { color: #3078d4; } 
.greeting .line { display: block; width: 36px; height: 3px; background: #0755b9; margin: 10px 0 30px; } 
.greeting .txt { font-size: 1em; color: #666; line-height: 26px; word-break: keep-all; letter-spacing: -0.5px; padding-right: 30px; margin-bottom: 50px; } 
.greeting .by { font-family: "notokrB", sans-serif; color: #444; } 


/* sub1_3 */
.history_area { position: relative; } 
.history_area:before { content: ""; width: 1px; height: 97%; display: block; background: #ddd; position: absolute; left: 50%; top: 60px; } 
.history_area .his_tit { width: 170px; height: 170px; margin: 0 auto; display: table; text-align: center; padding: 25px; background: url(../images/sub/his_titbg.png) no-repeat center; position: relative; z-index: 100; } 
.history_area .his_tit p { border-radius: 170px; background: url(../images/sub/his_tit.png) no-repeat; display: table-cell; vertical-align: middle; text-align: center; } 
.history_area .his_tit p span.t1 { color: rgba(255, 255, 255, 0.7); font-size: 0.813em; letter-spacing: 1px; display: block; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; } 
.history_area .his_tit p span.t2 { display: inline-block; color: #fff; font-size: 1.063em; position: relative; padding-top: 10px; } 
.history_area .his_tit p span.t2:before { content: ""; width: 12px; height: 2px; background: #fff; position: absolute; left: 50%; top: 0; margin-left: -6px; } 

.history_area .his_cont { margin-top: 40px; } 
.history_area .his_cont .list .year { position: relative; text-align: center; font-size: 1.750em; line-height: 1; color: #222; font-family: "notokrM", sans-serif; } 
.history_area .his_cont .list .history { position: relative; border-top: 1px solid #aeaeae; margin-top: 20px; padding-top: 20px; font-size: 15px; color: #444; } 
.history_area .his_cont .list .history:before { position: absolute; top: -6px; content: ""; display: block; width: 12px; height: 12px; background: #003d83; border-radius: 50%; z-index: 200; } 
.history_area .his_cont .list .history li { position: relative; margin: 7px 0; line-height: 1.6; overflow: hidden; } 
.history_area .his_cont .list .history li:last-child { border-bottom: 2px solid #004492; padding-bottom: 24px; } 
.history_area .his_cont .list .history li .txt { max-width: 83%; } 
.history_area .his_cont .list .history li .txt:before { position: absolute; top: 11px; content: ""; display: block; width: 3px; height: 3px; background: #3d3d3d; } 
.history_area .his_cont .list .history li span { position: relative; } 
.history_area .his_cont .list .history li .day { color: #094f99; font-size: 15px; font-weight: 500; } 

/* 짝수 */
.history_area .his_cont .list:nth-child(odd) { margin-left: 50%; text-align: left; } 
.history_area .his_cont .list:nth-child(odd) .history { padding-left: 40px; } 
.history_area .his_cont .list:nth-child(odd) .history:before { left: -6px; } 
.history_area .his_cont .list:nth-child(odd) .history li span { float: left; } 
.history_area .his_cont .list:nth-child(odd) .history li .day { margin-right: 20px; } 
.history_area .his_cont .list:nth-child(odd) .history li .txt { padding-left: 13px; } 
.history_area .his_cont .list:nth-child(odd) .history li .txt:before { left: 0; } 
/* 홀수 */
.history_area .his_cont .list:nth-child(even) { margin-right: 50%; } 
.history_area .his_cont .list:nth-child(even) .history { padding-right: 40px; } 
.history_area .his_cont .list:nth-child(even) .history:before { right: -6px; } 
.history_area .his_cont .list:nth-child(even) .history li span { float: right; } 
.history_area .his_cont .list:nth-child(even) .history li .day { margin-left: 20px; } 
.history_area .his_cont .list:nth-child(even) .history li .txt { padding-right: 13px; } 
.history_area .his_cont .list:nth-child(even) .history li .txt:before { right: 0; } 



/* 1_4 */
.map_box { width: 100%; height: 450px; position: relative; } 
.map_box .wrap_controllers { display: none !important; } 
.map_box .root_daum_roughmap a span { font-size: 12px; } 
.map_box .root_daum_roughmap .map > div:nth-child(2) { display: none !important; } 

.map_box .loca_tit { padding: 30px 40px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; background: rgba(22, 69, 111, 0.85); z-index: 99999; width: 100%; } 
.map_box .loca_tit li { display: inline-block; margin-right: 50px; color: #fff; } 
.map_box .loca_tit li.site_fax { margin-right: 0; } 
.map_box .loca_tit li span.tt { font-size: 1em; font-weight: 600; display: inline-block; margin-right: 20px; } 
.map_box .loca_tit .icon { display: block; width: 54px; height: 54px; background: #dc5b00 url(../images/sub/loca_tit_icon.png) no-repeat center; background-size: 24px; position: absolute; right: 20px; bottom: 12px; } 

.map_info { } 
.map_info dl { overflow: hidden; margin-top: 50px; } 
.map_info dl dt { float: left; width: 20%; padding: 15px 0 0 15px; border-top: 4px solid #205190; margin-right: 4%; font-size: 1.250em; box-sizing: border-box; font-family: "notokrM", sans-serif; color: #04397d; } 
.map_info dl dd { float: right; width: 76%; padding-top: 20px; border-top: 1px solid #ccc; color: #444; } 


/*7-2*/
.sub_doctors { margin: -2em 0 0 -2em; width: 100%; gap: 2em;}
.sub_doctors > li { width: calc((100% - 2em) /2); position: relative; }


.gap2{gap: 2em;}

.sub_doctors .wrap_in { margin: 2em 0 0 2em; border-top: 3px solid #0b4790; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd; transition: all .3s; padding: .5em 0; box-sizing: border-box;}
.sub_doctors .wrap_in:hover {box-shadow: 3px 3px 3px #ddd;}
.sub_doctors .wrap_in .btnwrap {}
.sub_doctors .wrap_in .btnwrap .btnlink {padding:.5em  1em; background: #f0f0f0; gap: .5em;font-size: .98em; font-weight: bold ; color: #444; width: 5.5em;    transform: translate(213px, 10px);}
.sub_doctors .wrap_in .btnwrap .btnlink .xi {font-size: .9em;}
.sub_doctors .wrap_in .img_wrap { width: 40%}
.sub_doctors .wrap_in .img_wrap .va_wrap:before { /* vertical-align:bottom*/}
.sub_doctors .wrap_in .img_wrap .va_wrap font { display: none; } 
.sub_doctors .wrap_in .info_wrap { width: 60%; position: relative}
/* .sub_doctors .wrap_in .info_wrap:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #ddd} */
.sub_doctors .wrap_in .info_wrap .info { padding: 1.5em}
.sub_doctors .wrap_in .info_wrap .info .t1 { color: #222; font-size: 1.063em;position: absolute; right: 33px;}
.sub_doctors .wrap_in .info_wrap .info .t2 { font-weight: 700; color: #222; margin: .125em 0 .375em 0; font-size: 1.5em; border-bottom: 1px solid #ddd; padding-bottom: .3em;}
.sub_doctors .wrap_in .info_wrap .info .t2 > .sub_tt { font-weight: 700; color: #333; margin-left: .5em; font-size: .7em}
.sub_doctors .wrap_in .info_wrap .info .t2 > .en_name { font-weight: 700; color: #777; margin: 1em 0 .375em .1em; font-size: .65em}
.sub_doctors .wrap_in .info_wrap .info .t3 { font-weight: 500; color: #444; margin: 1.5em 0 .5em; font-size: .95em;}
.sub_doctors .wrap_in .info_wrap .info .t3 > b {margin-right: 1em;}
.sub_doctors .wrap_in .info_wrap .info .t3 > b.mml {margin-right: 1.9em;}
.sub_doctors .wrap_in .info_wrap .info .t4 { color: #888; line-height: 1.5em; height: 4.5em; overflow: hidden; font-size: .938em}
.sub_doctors .wrap_in .info_wrap .info .t4 > *,
.sub_doctors .wrap_in .info_wrap .info .t4 p,
.sub_doctors .wrap_in .info_wrap .info .t4 span,
.sub_doctors .wrap_in .info_wrap .info .t4 font { font-family: 'notokr' !important; color: #888 !important; line-height: 1.5em; font-size: 15px !important}

.sub_doctors.st2 > li { width: 100%; position: relative; }
.sub_doctors.st2 .wrap_in .img_wrap { width: 30%}
.sub_doctors.st2 .wrap_in .info_wrap { width: 70%; position: relative}
.sub_doctors.st2 .wrap_in .info_wrap .tit {padding: 1em 0; border-bottom: 1px solid #ddd;}
.sub_doctors.st2 .wrap_in .info_wrap .tit_tt {font-size: 1.5em; color: #222;font-weight: 800;}
.sub_doctors.st2 .wrap_in .info_wrap .tit_tt >.sub_tt {font-weight: 700; color: #333; margin-left: .5em; font-size: .7em; font-weight: 700;}
.sub_doctors.st2 .wrap_in .info_wrap .tit_tt >.en_name{ font-weight: 700; color: #777; margin: 1.5em 0 .375em .1em; font-size: .65em}
.sub_doctors.st2 .wrap_in .info_wrap .info {gap: 2em;}
.sub_doctors.st2 .wrap_in .info_wrap .tt {width: calc(50% - 3em);  color: #444; }

.infoW{padding: 2em 0; gap: 4em;}
.infoW .titW{width: 23%;}
.infoW .inner{width: 73%;}
.infoW .inner .inner_list{width: 100%;}
.infoW .inner .inner_list li{margin-top: 1.5em;}
.infoW .inner .inner_list li:first-of-type{margin-top: 0;}
.infoW .titW .tit{font-size: 1.3em; font-weight: 800;position: relative; display: inline-block;}
.infoW .titW .tit::before{content: ""; position: absolute; top: -3px; left: 0; width: 100%; height: 3px; background-color: #0b4790; border-radius: 10em;}
.infoW .history_date{width: 20%;}
.infoW .history_date .tt{font-size: 1.1em; font-weight: 700; color: #0b4790;}
.infoW .txtW{width: 80%;}
.infoW .txtW.st2{width: 100%;}
.infoW .txtW .t1{font-size: 1.05em; color: #444;padding-bottom: .5em; }
.infoW .txtW .t2{font-size: 1.05em; color: #444;padding-bottom: .5em; display: inline-block; position: relative; }
.infoW .txtW .t2::before{content: "";position: absolute; top: 8px; left: -15px; width: 5px; height: 5px; border-radius: 50%;background-color: #0b4790; }

.ps2{margin-top: 2em;}

.page_tit { margin-bottom: .75em; margin-top: 4em}
.page_tit:first-child { margin-top: 0}
.page_tit .t1 { font-size: 1.625em; color: #222; letter-spacing: -2px; word-spacing: 2px; } 
/*7-1*/
.sub_tbox { background: #fff; padding: 2em 0 0; border-top: 1px solid #ddd; position: relative; } 
.sub_tbox:before { content: ''; width: 10%; height: 3px; background: #0b4790; position: absolute; top: -2px; left: 0; } 
.sub_tbox .stit { font-size: 1.25em; color: #222; margin-bottom: 10px; margin-top: 1.5em; } 
.sub_tbox .stit:first-child { margin-top: 0; } 
.sub_tbox .tx { color: #444; margin-top: 10px; line-height: 1.5; } 
.tx { color: #444; margin-top: 10px; line-height: 1.5; } 
.sub_tbox .tx:first-child { margin-top: 0; } 
.sub_tbox ul.tx li { margin-bottom: 5px; padding-left: .7em; position: relative; } 
.sub_tbox ul.tx li:before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #0074c1; position: absolute; top: 10px; left: 0; } 
.sub_tbox ul.tx li:last-child { margin-bottom: 0; } 

.sub_tbox2 { background: #fff; padding: 0; border-top: 0 solid #ddd; position: relative; } 
.sub_tbox2.st2 { background: #fff; border-top: 0 solid #ddd; position: relative; padding: 0 0 .4em 2.5em; } 
.sub_tbox2 .stit { font-size: 1.25em; color: #222; margin-bottom: 10px; margin-top: 1.5em; } 
.sub_tbox2 .stit:first-child { margin-top: 0; } 
.sub_tbox2 .tx { color: #444; margin-top: 10px; line-height: 1.5; } 
.sub_tbox2 .tx:first-child { margin-top: 0; } 
.sub_tbox2 .tx2 { color: #444; margin-top: 10px; line-height: 1.5; } 
.sub_tbox2 .tx2:first-child { margin-top: 0; } 
.sub_tbox2 ul.tx li { margin-bottom: 5px; padding-left: .7em; position: relative; } 
.sub_tbox2 ul.tx li p.dott2{ padding-left: 1em; position: relative;} 
.sub_tbox2 ul.tx li p.dott2::before{content: "";position: absolute; top: 8px; left: 5px; border-radius: 50%;width: 3px; height: 3px; border: 1px solid #444; } 
.sub_tbox2 ul.tx2 li { margin-bottom: 5px; padding-left: .7em; position: relative; } 
.sub_tbox2 ul.tx2 li .in{margin-bottom:2em;} 
.sub_tbox2 ul.tx2 li .in:last-of-type{margin-bottom:0;} 
.sub_tbox2 ul.tx2 li .in >.tit{ font-size: 1.2em; font-weight: 600; margin-bottom: .8em;} 
.sub_tbox2 ul.tx2 li .in >.txt{margin-bottom: 0;} 
.sub_tbox2 ul.tx li:before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #0074c1; position: absolute; top: 10px; left: 0; } 
.sub_tbox2 ul li.dott{position: relative;}
.sub_tbox2 ul li.dott:before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #0074c1; position: absolute; top: 10px; left: 0; } 
.sub_tbox2 ul.tx li:last-child { margin-bottom: 0; } 


.dott{position: relative;padding-left: 10px; display: inline-block;}
.dott:before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #0074c1; position: absolute; top: 10px; left: 0; } 

.sbox { background: #fafafa; padding: 1.5em 2em; border: 1px solid #ddd; font-size: .938em; } 
.sbox .sbox_in { font-size: 1.125em; color: #1f4f97; font-weight: 500; margin-top: 1.5em; } 
.sbox .sbox_in.st1 { color: #444; font-weight: normal; } 
.sbox .sbox_in:first-child { margin-top: 0; } 

.page_num_list { line-height: 1.4; } 
.page_num_list > li { padding: 2em 0; border-top: 1px dashed #ccc; } 
.page_num_list > li:first-child { padding-top: 1em; border-top: none; } 
.page_num_list > li:last-child { padding-bottom: 0; } 
.page_num_list > li > .group { position: relative; padding: 0 0 .4em 2.5em; } 
.page_num_list > li > .group.st2 { position: relative; padding: 0 0 .4em 0em; } 
/* .page_num_list > li > .group > .tt > .num { position:absolute; top:0; left:0; width:2.2em; line-height:2.2em; display:inline-block; text-align:center; background:#00479e; border-radius:100%; color:#fff; font-size:.875em; } */
.page_num_list > li > .group > .tt > .num { position: absolute; top: 0; left: 0; width: 2.2em; line-height: 1.2em; display: inline-block; text-align: center; /* background: #00479e; */
 border-radius: 100%; color: #00479e; font-size: 1.2em; } 
.page_num_list > li > .group > .tt > .tit { color: #333; font-size: 1.125em; } 
.page_num_list > li > .group > .ex { margin-top: 8px; font-size: 1em; color: #555; } 

.sub_tbl .tbl_st { border: 1px solid #ccc; border-top: 2px solid #3c6c96; width: 100%; } 
.sub_tbl .tbl_st tbody th { background: #b5dfff; border-bottom: 1px solid #d4d3d3; border-right: 1px solid #d4d3d3; padding: 1em; color: #111; font-size: 1.068em; text-align: center; } 
.sub_tbl .tbl_st tbody td { background: #fff; color: #666; border-bottom: 1px solid #d4d3d3; border-right: 1px solid #d4d3d3; padding: 1em; line-height: 1.5; } 

.sub_tb2 .tbl_st { border: 1px solid #ccc; border-top: 2px solid #3c6c96; width: 100%; } 
.sub_tb2 .tbl_st tbody th {background: #b5dfff;border-bottom: 1px solid #d4d3d3;border-right: 1px solid #d4d3d3;padding: .5em;color: #111;font-size: 1em;text-align: center;} 
.sub_tb2 .tbl_st tbody td { background: #fff; color: #666; border-bottom: 1px solid #d4d3d3; border-right: 1px solid #d4d3d3; padding: .5em; line-height: 1.5; font-size: .9em; text-align:center;} 


.sub_tit_w { text-align: center; margin-bottom: 3em; } 
.sub_tit_w .t1 { color: #666; font-weight: 300; letter-spacing: 1px; } 
.sub_tit_w .t2 { font-size: 2.25em; font-weight: 500; } 

.ps1{margin-top: 1em;}

.dotted{position: relative ; padding-left: 10px; display: inline-block;}
.dotted::before{content: ""; position: absolute ; width: 10px; height: 10px;  top: 6px; left: -10px;  background-color: #0074c1; transform: rotate(45deg); }

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 

.submenu_dp3 { margin-bottom: 3em; } 
.submenu_dp3 .gnb { justify-content:center; } 
.submenu_dp3 .dp3 { gap:.5em; justify-content:center } 
.submenu_dp3 .dp3 > li { margin: 0 auto; } 
.submenu_dp3 .dp3 > li > a { padding:0 1.5em; min-width:12em; border:1px solid #ddd; border-radius:3em; display:flex; align-items:center; height:3.5em; box-sizing:border-box; justify-content:center; line-height:1.2; color:#777; position:relative } 
.submenu_dp3 .dp3 > li > a .va { font-weight:600; font-size:1.125em } 
.submenu_dp3 .dp3 > li:hover > a { background:#f5f5f5; color:#111 } 
.submenu_dp3 .dp3 > li.on > a { border-color:transparent; background:var(--siteC); color:#fff } 
.submenu_dp3 .dp3 > li.on > a:after { content:"\e935"; font-family:xeicon; position:absolute; left:50%; top:100%; transform:translate(-50%,-20%); color:var(--siteC) } 

@media all and (max-width:1251px){
 #header .gnb_area .logo { top: 16px; } 
 #header .gnb_area .logo a { width: 210px; height: 50px; background-size: contain; } 
 #header.w_bg .gnb_area .logo a,
 #header.on .gnb_area .logo a { background-size: contain; } 
 #header .gnb_area .box1 > .gnb { margin-left: 26%; } 
 #header .gnb_area .box1 > .gnb > li .dp1 { padding: 0 35px; } 
 }


@media all and (max-width:1024px) { body { font-size: 14px; font-family: sans-serif; } 

 #header .top_area .symbol_txt { padding: 0 0 0 30px; background-size: 18px; letter-spacing: 3.5px; } 
 #header .gnb_area .box1 > .gnb { display: none; } 
 #header .gnb_area .r_menu { margin: 20px 0; } 
 #header .allmenu_area { top: 78px; } 

 #footer .f_info .right li a { margin-left: 15px; padding-left: 15px; } 
 #footer .f_info .right li.bg a:before { margin-top: -4px; } 

 #footer .f_copy { text-align: center; } 
 #footer .f_copy .copy { float: none; } 
 #footer .f_copy ul { float: none; margin-top: 10px; } 
 }


@media all and (max-width:768px) { body { font-size: 11px; font-family: sans-serif; } 

 #header .top_area .top_menu,
 #header .top_area ol.font { display: none; } 
 #header .top_area .symbol_txt { height: 30px; line-height: 30px; } 

 #header .gnb_area .logo { top: 10px; } 
 #header .gnb_area .logo a { width: 170px; height: 41px; } 
 #header .gnb_area .r_menu { margin: 13px 0; } 
 #header .gnb_area .r_menu .p_all_btn { display: none; } 
 #header .gnb_area .r_menu .m_all_btn { display: block; } 
 #header .gnb_area .r_menu > a { width: 36px; height: 32px; } 

 #footer .f_info .right { display: none; } 
 #footer .f_info { padding: 20px 0; } 
 #footer .f_info .left li { line-height: 20px; } 
 #footer .f_copy { padding: 20px 0 30px; } 
 #footer .f_copy ul li { margin: 0; } 
 #footer .f_copy ul li a { width: 130px; } 
}

@media all and (max-width:550px){
 #footer .f_copy ul li { display: block; margin-bottom: 5px; } 
 #footer .f_copy ul li a { display: inline-block; width: 200px; } 
 }

/* 신규 회원가입 폼 */
/*동의*/
.member_agree .agree { padding: 3em; border: solid #ddd; border-width: 2px 1px 1px 1px; border-top-color: #333; font-size: .938em; color: #777; line-height: 1.5em; } 
.member_agree .agree.H { padding: 1em 1.5em; border-top-width: 1px; height: 10em; font-size: .813em; overflow-y: scroll; } 
.member_agree .agree p { padding: .5em 0; } 
.member_agree .agree * { vertical-align: baseline; } 
.member_agree .agree strong { color: #333; } 
.member_agree .check { padding: 1em 2em; border: solid #ddd; border-width: 0 1px 1px 1px; border-radius: 0 0 .6em .6em; text-align: right; font-size: .813em; } 


/*멤버 box*/
.member_wrap { letter-spacing: -.5px; padding: 5em 0 8em; } 
.member_wrap .login_box { width: 580px; max-width: 100%; margin: 0 auto; } 
.member_wrap .join_box { width: 640px; max-width: 100%; margin: 0 auto; } 

/*멤버 버튼*/
.member_btn_wrap { margin: 1.5em 0 0 -.4em; } 
.member_btn_wrap > * { width: 50%; } 
.member_btn_wrap .in { margin-left: .4em; display: block}

/*회원가입, 로그인 타이틀*/
.member_wrap .member_tit { padding: 3em 0 2em 0; text-align: center; } 
.member_wrap .member_tit .tit { font-family: 'Ms', 'NotoSans', sans-serif; font-size: 2.500em; color: #3c3c3d; font-weight: 600; letter-spacing: 0; text-transform: uppercase; } 
.member_wrap .member_tit .txt { font-size: 1.125em; color: #69696b; font-weight: 300; padding-top: .8em; } 

/*로그인*/
.member_wrap .form > li:first-child { margin-top: 0; } 
.member_wrap .form .inp_wrap { position: relative; margin-top: .4em; } 
.member_wrap .form .inp_wrap .xi { position: absolute; top: 0; left: 0; width: 2em; line-height: 55px; text-align: center; font-size: 1.750em; color: #3c3c3d; } 
.member_wrap .form .inp_wrap .tt { position: absolute; top: 0; left: 0; width: 6em; line-height: 55px; text-align: center; border-right: 1px solid #ddd; color: #3c3c3d; } 
.member_wrap .form .inp_wrap .inp { box-sizing: border-box; width: 100%; height: 55px; padding: 0 1em 0 4em; background: #fff; border: 1px solid #ddd; border-radius: 5px; } 
.member_wrap .form .save_wrap { margin-top: 1.2em; } 
.member_wrap .form .save_wrap .find { padding-top: .3em; text-align: right; } 
.member_wrap .form .save_wrap .find .link { position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: .8em; padding-left: .8em; font-weight: 300; } 
.member_wrap .form .save_wrap .find .link:before { content: ""; position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background: #ccc; } 
.member_wrap .form .save_wrap .find .link:first-child { margin-left: 0; padding-left: 0; } 
.member_wrap .form .save_wrap .find .link:first-child:before { display: none; } 
.member_wrap .form .btn_wrap { margin-top: .6em; } 
.member_wrap .form .btn_wrap .btn { display: block; box-sizing: border-box; text-align: center; width: 100%; margin: .4em 0; padding: 1em 1em; border: 1px solid transparent; border-radius: 5px; font-size: 1.125em; } 
.member_wrap .form .btn_wrap .btn.c1 { background: #005aab; color: #fff; } 
.member_wrap .form .btn_wrap .btn.c2 { background: #ffffff; border-color: #005aab; color: #005aab; } 
.member_wrap .form .btn_wrap .btn.c3 { background: #3e3e49; color: #fff; } 
.member_wrap .form .msg_wrap { margin-top: 2em; } 
.member_wrap .form .msg_wrap .tt { margin: .4em 0; font-size: .938em; color: #3c3c3d; font-weight: 300; } 
.member_wrap .form .msg_wrap .tt.icon { position: relative; padding-left: 1.6em; } 
.member_wrap .form .msg_wrap .tt.icon .xi { position: absolute; top: 0; left: 0; line-height: 1; } 
.member_wrap .form .id_wrap { padding: 3em 1em; background: #f5f5f5; border: 1px solid #e5e5e5; text-align: center; font-size: 1.125em; } 
.member_wrap .form .id_wrap strong { vertical-align: baseline; color: #3f3f9f; letter-spacing: 0; } 

.member_wrap .member_form { padding: 2.5em 2em; border: 1px solid #ccc; border-top-width: 4px; border-top-color: #005aab; } 
.member_wrap .member_form .form li.inp_wrap .in_tt { width: 100%; color: #777; font-size: .938em; margin: 1em 0 1em 0; line-height: 1.5}
.member_wrap .member_form .member_f_tt { font-weight: 600; margin-bottom: 1em; } 
.member_wrap .member_form .member_f_tt .ess { vertical-align: bottom; } 

/*회원가입 폼*/
.member_wrap .form2 { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dashed #ccc; } 
.member_wrap .form2.stn { margin-top: 0; padding-top: 0; border-top: none; } 
.member_wrap .form2:first-child { margin-top: 0; padding-top: 0; border-top: none; } 
.member_wrap .form2 > li { margin-top: .4em; font-weight: 300; } 
.member_wrap .form2 > li:after { display: block; clear: both; content: ''; } 
.member_wrap .form2 > li:first-child { margin-top: 0; } 
.member_wrap .form2 .inp_wrap { color: #3c3c3d; } 
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st { background-color: transparent; } 
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st { background-color: #f5f5f5; } 
.member_wrap .form2 .check_wrap > * { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } 
.member_wrap .form2 .check_wrap .label_sec { min-width: 5em}
.member_wrap .form2 .check_wrap .label_wrap { width: 100%; } 
.member_wrap .form2 .check_wrap .label_wrap > * { width: 33.33%; margin: .2em 0; } 
.member_wrap .form2 .check_wrap .label_tit { position: relative; width: 20%; float: left; box-sizing: border-box; font-size: .938em; } 
.member_wrap .form2 .check_wrap .label_tit:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #ccc; } 
.member_wrap .form2 .ess { display: none; } 
.member_wrap .form2 .required .ess { display: inline-block; vertical-align: text-bottom; } 
.member_wrap .form2 .field { position: relative; } 
.member_wrap .form2 .field .txt { position: absolute; z-index: 1; top: 50%; left: 1.2em; transform: translate(0, -50%); transition: transform .2s ease-out; transform-origin: 0 0; } 
.member_wrap .form2 .field.on .txt { color: #69696b; transform: translate(0, -120%) scale(.7, .7); } 
.member_wrap .form2 .col .col_w1 { width: 65.68%; margin-left: 1%; } 
.member_wrap .form2 .col .col_w1:first-child { width: 66.66%; margin-left: 0; } 
.member_wrap .form2 .col .col_w2 { width: 32.34%; margin-left: 1%; } 
.member_wrap .form2 .col .col_w2:first-child { width: 33.32%; margin-left: 0; } 

.form2 .input_st,
.form3 .input_st { height: 4.2em !important; padding: .6em 1.2em !important; line-height: auto !important; } 

.member_wrap .form2 .tit.input_st { background: #f5f5f5; } 
.member_wrap .form2 .check_st { position: relative; text-align: center; border-color: transparent; cursor: pointer; } 
.member_wrap .form2 .check_st .on { position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; background: #fff; border: 1px solid #095282; border-radius: 5px; } 
.member_wrap .form2 .check_st .on ~ span { position: relative; color: #095282; } 
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on { background: #095282; } 
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span { color: #fff; } 
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio] { width: 0; height: 0; overflow: hidden; opacity: 0; } 

/*회원가입 폼 - input3*/
.member_wrap .ph_list { float: left; width: 80%; box-sizing: border-box; padding-left: 2em; } 
.member_wrap .ph_list:after { display: block; clear: both; content: ''; } 
.member_wrap .ph_list > li { float: left; width: 33.33%; } 
.member_wrap .ph_list > li .xi { margin-right: 5px; } 

.member_wrap .type_wrap { } 
.member_wrap .type_wrap > li { width: 50%; } 
.member_wrap .type_wrap > li .inner { border-left: 1px solid #ddd; padding: 0 2em; text-align: center; } 
.member_wrap .type_wrap > li:first-child .inner { border-left: none; } 
.member_wrap .type_wrap .icon { height: 8em; } 
.member_wrap .type_wrap .txt { margin-top: 1em; min-height: 5em; } 
.member_wrap .type_wrap .txt .t1 { font-size: 1.500em; color: #3f3f9f; } 
.member_wrap .type_wrap .txt .t2 { font-size: .938em; color: #69696b; padding-top: .4em; } 
.member_wrap .type_wrap .btn { display: inline-block; *display: inline; zoom: 1; margin-top: 1em; padding: .6em 2.5em; background: #fff; border: 1px solid #3f3f9f; border-radius: 5px; color: #3f3f9f; transition: .2s; } 
.member_wrap .type_wrap .btn:hover { background: #3f3f9f; color: #fff; } 

.member_wrap .terms_wrap .all_check { padding: 1em 0; border-bottom: 1px dashed #bbb; } 
.member_wrap .terms_wrap > li { padding-top: 1.5em; } 
.member_wrap .terms_wrap > li:first-child { padding-top: 0; } 
.member_wrap .terms_wrap .tit { margin-bottom: .6em; font-size: 1.125em; color: #3c3c3d; font-weight: 400; } 
.member_wrap .terms_wrap .c1 { color: #d31717; } 

/*회원가입 완료*/
.member_wrap .finish_wrap { text-align: center; } 
.member_wrap .finish_wrap .tit { font-size: 1.500em; color: #3c3c3d; letter-spacing: -1px; } 
.member_wrap .finish_wrap .tit span { font-weight: 600; vertical-align: baseline; } 
.member_wrap .finish_wrap .txt { padding: 1em 0; color: #69696b; font-weight: 300; line-height: 1.5}
.member_wrap .finish_wrap .join_fin { font-size: .938em; color: #3c3c3d; } 
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td { padding: .8em 1.5em; border: 1px solid #ddd; text-align: left; /* display: inline-block; */}
.member_wrap .finish_wrap .join_fin .th { width: 10em; background: #f5f5f5; } 
.member_wrap .finish_wrap .join_fin .th .xi { vertical-align: middle; } 
.member_wrap .finish_wrap .join_fin .td { width: auto; letter-spacing: 0; } 

/*회원가입 진행절차*/
.page_step_wrap { text-align: center; margin-bottom: 2em; } 
.page_step_wrap .step { display: inline-block; *display: inline; zoom: 1; } 
.page_step_wrap .step > li .in { position: relative; padding: 0 1.5em; min-width: 7em; } 
.page_step_wrap .step > li .in:before { content: "\e940"; font-family: xeicon; position: absolute; font-size: 2.000em; color: #ddd; top: .2em; left: -.5em; } 
.page_step_wrap .step > li:first-child .in:before { display: none; } 
.page_step_wrap .step > li .in > * { position: relative; display: block; } 
.page_step_wrap .step > li .in .xi { margin: .4em 0; font-size: 2.25em; color: #ddd; } 
.page_step_wrap .step > li .in .xi:before { position: relative; z-index: 2; } 
.page_step_wrap .step > li .in .xi:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.6em; height: 1.6em; background: #f5f5f5; border-radius: 100%; } 
.page_step_wrap .step > li .in .tt { color: #aaa; font-weight: 400; } 
.page_step_wrap .step > li.on .in .xi { color: #fff; } 
.page_step_wrap .step > li.on .in .xi:after { background: #005aab; } 
.page_step_wrap .step > li.on .in .tt { color: #3c3c3d; } 

/*mypage*/
.memo_wrap { border: 1px solid #ddd; border-radius: .5em; padding: 2em 3em; margin-bottom: 2em}
.memo_wrap * { vertical-align: top}
.memo_wrap .t1 { color: #555; line-height: 1.5}
.memo_wrap .t2 { font-size: .813em; color: #111; line-height: 1.5}
.memo_wrap .c1 { color: #FF3333}
.memo_wrap .tel { font-family: tahoma, sans-serif; font-weight: bold; color: #111; font-family: 1.25em}
.memo_wrap .tel .xi { margin-right: .25em}

.soon{background:#f5f5f5; border:1px solid #f5f5f5; color:#333; height:50vh; padding:1em}
.soon .img{ width:10em; padding-bottom:120%; margin-right:2em}
.soon .xi{ font-size:16em; opacity:.1}
.soon .tt .t1{ display:block; font-weight:700; font-size:3em}
.soon .tt .t2{ display:block; font-size:1.25em; opacity:.5}

.homelink{padding: .3em;box-sizing: border-box; border: 1px solid #ddd;}
.homelink > .home{color: #ddd; font-size: 2em;}