/* 초기화 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
html {overflow-y:scroll; overflow-x:hidden; width:100%;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
button {cursor:pointer;padding:0;margin:0;border:0}
textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

*,*:focus,*:hover,img[usemap], map area{
    outline:none !important;
}

.ppc { display:none; }
.mm { display:block; }

@media (max-width:1920px) {
	.ppc { display:block; }
	.mm { display:none; }
}

@media (max-width:666px) {
	.ppc { display:none; }
	.mm { display:block; }
}

#coun_icon {
    position: fixed;
    z-index: 99999999;
	right:20px;
	bottom:50px;
}

#coun_icon .ci_01 > a img { width:40px; }

#head_wrap { width:100%; min-width:0; max-width:666px; background-color:rgba(255, 255, 255, 0.96); z-index:98; }
#head_wrap .head { max-width:666px; height:70px; box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2); z-index:9; margin-top:0; position:fixed; background-color:rgba(255, 255, 255, 0.96); }
#head_wrap .head .logo { display:block; margin-left:20%; margin-top:3%; }
#head_wrap .head .logo img {  }
#head_wrap .head .ham_wrap { position:fixed; right:15px; top:35px; z-index:9; }
#head_wrap .head .ham:before {content: '';width: 25px;height: 2px;background: #4d4d4d;position: absolute;left: 0;bottom: -6px;}
#head_wrap .head .ham {position: relative;display: block;width: 25px;height: 2px;background: #4d4d4d;}
#head_wrap .head .a_block {display: block;width: 25px;height: 25px;float: right;margin-right: 16px;margin-top:-25px; background: rgba(0,0,0,0);padding: 15px 10px 10px 10px;}
#head_wrap .head .ham:after { content: '';width: 25px;height: 2px;background: #4d4d4d;position: absolute;left: 0;top: -6px;}
#head_wrap .head .inner { position:relative; width:100%; min-width:0; margin:0 auto; padding:0; }
#head_wrap .head .inner .m_menu_wrap { margin-top:70px; z-index:99999999999999999999999; }
#head_wrap .head .inner div > div > div> div > dl > dt > .logo { width:470px; display:block; margin-top:-10px; position:relative; z-index:99999999; }
#head_wrap .head .inner div > div > div> div > dl > dt > .logo img { width:170px; }
#head_wrap .head .inner .menu { display:none; }

.accordion_container {display:none; width:100vw;height:100vh;background-color:rgba(255, 255, 255, 1);margin-top:62px;padding:0 20px;}

.accordion_head {background-color:rgba(255, 255, 255, 0);color: #000;font-weight:bolder;letter-spacing:-1.2px;cursor: pointer;font-family: 'Noto Sans KR';font-size: 22px;margin: 0 0 1px 0;padding:20px 60px;border-bottom:1px solid #999;}

.accordion_body p {padding: 10px 90px;font-size:18px;}

.plusminus {float: right;}

.com_top{width:100%; margin:0 auto;}
.com_top:after{content:""; display:block; clear:both;}
.com_top h1.logo{float:left; padding-top:18px;}
.com_top ul.com_top_m{float:right;height:75px;}
.com_top ul.com_top_m:after{content:""; display:block; clear:both;}
.com_top ul.com_top_m li{float:left; line-height:75px; margin-left:13px;}
.com_top ul.com_top_m li:first-child{margin:0;}
.com_top ul.com_top_m li a{font-family:'Roboto', 'Nanum Gothic';color:#999;}
.com_top ul.com_top_m li a:hover{color:#010101;}

/*.com_top ul.com_top_m li a:hover:after{content:""; display:block; width:100%; height:3px; background:#0076be; position:absolute; top:0; left:0;}*/

.global_menu_default{width:100%; position:absolute; top:10px; right:100px;}
.global_menu_default .gmd_area{width:100%; margin:0 auto;}
.global_menu_default .gmd_area:after{content:""; display:block; clear:both;}
.global_menu_default .gmd{float:right;}
.global_menu_default .gmd:after{content:""; display:block; clear:both;}
.global_menu_default .gmd dl{float:left;}
.global_menu_default .gmd dl:first-child dt{/*border-left:1px solid #1e6591;*/}
.global_menu_default .gmd dl dt{/*border-right:1px solid #1e6591;*/}
.global_menu_default .gmd dl dt a{display:block; min-width:120px; padding:0 20px 30px 0; text-align:center; font-size:20px; font-weight:700; color:#000; line-height:45px;}

.global_menu { margin:0 auto; position:absolute; top:85px; left:0; width:100%; height:0; overflow:hidden;  background:url(../html//images/gnb_bg.png) repeat-x 0 0; z-index:999;}
.global_menu .gnb_area{width:100%; margin:0 auto;}
.global_menu .gnb_area:after{content:""; display:block; clear:both;}

.global_menu .gnb {float:left; width:910px; margin-left:200px;}
.global_menu .gnb:after {content:""; clear:both; display:block; *zoom:1; *display:inline;}
.global_menu .gnb dl {float:left; margin-right:35px; position:relative; text-align:left; min-height:210px; /*border-right:1px solid #1d1d1d;*/ padding:10px 0 0;}
.global_menu .gnb dl .gnb_sub_title { font-size:20px; color:#094f50; font-weight:bolder; margin-left:10px; }
.global_menu .gnb dl.gnbMenu_line { float:left; margin-top:70px; width:1px; height:40px; background:#e6e6e6; }
.global_menu .gnb dl:hover{/*background:#1d1d1d;*/}
.global_menu .gnb dl:first-child{/*border-left:1px solid #1d1d1d;*/}
.global_menu .gnb dl:last-child { margin-right:0; }
.global_menu .gnb dl dt a{position:relative; display:block; min-width:110px; padding:0 20px; text-align:left; font-size:16px; font-weight:700; color:#fff; line-height:14px;}
.global_menu .gnb dl dt a:after{content:""; display:block; width:3px; height:14px; background:#fff; position:absolute; top:0; left:0;}
.global_menu .gnb dl dt a.on {}
.global_menu .gnb dl dd {text-align:left; top:60px; z-index:100;margin-top:15px;}
.global_menu .gnb dl dd a {display:block; *zoom:1; *display:inline;padding:15px 0 0 0 ; font-size:18px;color:#000; padding:10px;}
.global_menu .gnb dl dd a.on {color:#000;text-decoration:none;}
.global_menu .gnb dl dd a:hover {color:#000;text-decoration:none; background:#dcef98; padding:10px; border-radius:10px;}

.ham_wrap { display:block; }
.m_menu_wrap { display:block; }

#subbg {display:none; width:100%; height:370px; position:fixed; top:70px; z-index:1; background:rgba(255,255,255,0.9);}

.privacy_list_wrap { background:transparent; }
.privacy_list_wrap .privacy_list { font-size:14px; color:#595959; text-align:center; background:transparent; }

#footer { clear:both; width:100%; min-width:0; background:url('/2023_13/images/m/footer_bg_mm.jpg') repeat-y; background-size:contain; background-position:center center; }
#footer .inner { width:100%; margin:0 auto; padding:32px 20px; overflow:hidden; }
#footer .inner .foot_L { float:none; margin-right:0; margin-top:0; padding-bottom:30px; text-align:center; }
#footer .inner .foot_R { float:none; font-size:14px; color:#dbdbdb; line-height:21px; text-align:center; } 
#footer .inner .foot_R .m_foot_h { display:block; height:20px; }

#footer_wrap .foot_pc { display:none; }

@media (max-width:666px) {
	#head_wrap { width:100%; max-width:666px; }
}

@media (max-width:420px) {
	.pc { display:none; }
	.m { display:block; }
}

@media (max-width:360px) {
	.pc { display:none; }
	.m { display:block; }

	#head_wrap .head .logo { position:fixed; width:200px; margin:0 auto; margin-left:21%; margin-top:5%; }
	#head_wrap .head .logo img { width:200px; }
}
@media (max-width:666px) {
	.pc { display:none; }
	.m { display:block; }

	#head_wrap .head .logo { position:fixed; width:200px; margin:0 auto; margin-left:21%; margin-top:5%; }
	#head_wrap .head .logo img { width:200px; }
}