html {overflow-y:auto; }
html, body {width:100%;-webkit-text-size-adjust:none; font-family: NotoSansCJKkr, sans-serif; font-size:14px; font-weight:400; color:#555; line-height:18px; letter-spacing:normal; }
body {position:relative;min-width:320px;overflow:hidden; }

/* header */
#header {position:absolute;top:0;left:0;width:100%;z-index:200;}
#header h1 a {position:relative; z-index:150; }
#header .header_top {position:relative;width:100%;height:60px;background:#353535; text-align:center; }
#header .header_top .m_global {display:none;background:#fff;position:absolute;top:60px;left:0;width:100%;height:93px;background:#fff;z-index:210;-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);}
#header .header_top .m_global > ul {overflow:hidden;margin:0 10px;}
#header .header_top .m_global > ul > li {float:left;width:27%; }
#header .header_top .m_global > ul.nomember > li {width:27%;}
#header .header_top .m_global > ul > li:last-child {padding-left:7%;width:46%;}
#header .header_top .m_global > ul > li > a {display:block;}
#header .header_top .m_global > ul > li > a > span {display:block;}
#header .header_top .m_global > ul > li > a > span.name {font-size:14px;color:#666;}
#header .header_top .m_global > ul > li > a > span.icon {padding-top:13px;}
#header .header_top .m_global .lan {display:table; overflow:hidden; width:100%;margin-top:27px; text-align:center; border:1px solid #d9d9d9;}
#header .header_top .m_global .lan a {display:table-cell; float:left; padding:0;height:38px; vertical-align:middle;line-height:38px;border-left:1px solid #d9d9d9; letter-spacing:-1px;}
#header .header_top .m_global .lan a.lan01 {width:29.5%;}
#header .header_top .m_global .lan a.lan02 {width:38.5%;}
#header .header_top .m_global .lan a.lan03 {width:31.5%;}
#header .header_top .m_global .lan a:first-child{border-left:none;}
#header .header_top .m_global .lan a:hover{color:#2256d1;}
#header .header_top .m_global .lan a.selected {background-color:#5c87ed;color:#fff;}
#header .header_bottom{position:relative;width:100%;height:60px;background:rgba(255,255,255,1.0);z-index:10;}
#header .shadow{position:absolute;bottom:-14px;left:0;width:100%;height:14px;background:url('/images/common/header_shadow.png') repeat;}
#header .header_bottom .header_data{position:relative;margin:0 20px;}
#header .header_bottom .header_data .gnb_wrap{position:relative;height:60px;}
#header .header_bottom .h_notice {display:none;}
#header .header_bottom.fix{position:fixed;top:0;left:0;width:100%;}
#header .header_bottom.fix .global_menu{top:0;}
#header .header_bottom.fix .global_menu > li > a{color:#888;}
#header .header_bottom.fix .global_menu > li{background:url(/images/common/glo_line_fix.gif) left center no-repeat;}
#header .header_bottom.fix .global_menu > li:first-child{background:none;}
#header .header_bottom.fix .global_menu > li > a .arrow{background-position:left bottom;}
#header .header_bottom.fix .sns_list{top:150%;}
#header .header_bottom.fix .fix_logo{top:10px;opacity:1;}

#header .sns_list{position:absolute;left:20px;top:15px;z-index:9999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
#header .sns_list ul li{float:left;padding-left:10px;}
#header .sns_list ul li:first-child{padding-left:0;}
#header .fix_logo{position:absolute;top:-100px;left:0;width:100px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;opacity:0; z-index:10; }

#header .global_menu {position:absolute;top:-60px;right:0;z-index:9999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#header .global_menu > li{position:relative;float:left;padding:0 8px;height:60px;background:url('/images/common/glo_line_fix.gif') left center no-repeat;}
#header .global_menu > li:first-child{background:none;}
#header .global_menu > li.last{padding-right:0}
#header .global_menu > li > a{display:block;font-size:12px; line-height:60px;color:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#header .global_menu > li > a .arrow{display:inline-block;zoom:1;*display:inline;width:15px;height:14px;overflow:hidden;vertical-align:middle;margin-left:7px;background:url('/images/common/header_glo_arrow.png') left top no-repeat;}
#header .global_menu .select_list{position:absolute;top:60px;left:0;width:100%;font-size:12px; text-align:left;border:1px solid #d9d9d9;display:none;}
#header .global_menu .select_list li{border-top:1px solid #d9d9d9;background:#fff;padding:7px 8px;line-height:17px;}
#header .global_menu .select_list li:first-child{border-top:none;}
#header .global_menu .select_list a:hover{color:#2256d1;}
#header .global_menu .select_list li.selected { background-color:#5c87ed;color:#fff;}

#header .btn_m_list{position:absolute;top:0;left:0;display:block;height:60px;width:60px;display:none;}
#header .btn_m_list span{position:absolute;left:15px;top:0;display:block;width:30px;height:1px;background:#fff;transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform:rotate(0deg);transition: .25s ease-in-out;-o-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;}
#header .btn_m_list span:first-child{top:21px;}
#header .btn_m_list span:nth-child(2){top:29px;}
#header .btn_m_list span:nth-child(3){top:29px;}
#header .btn_m_list span:nth-child(4){top:37px;}
#header.mfix .btn_m_list span:first-child,#header.mfix .btn_m_list span:nth-child(4){display:none;}
#header.mfix .btn_m_list span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#header.mfix .btn_m_list span:nth-child(3){transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#header.mfix .m_global{display:block;}
#header.mfix{height:100%;background:#f1f1f1;}
#header .m_gnb{position:absolute;left:0;top:153px;width:100%;height:100%;text-align:left;display:none;}
#header.mfix .m_gnb{display:block;}
#header .m_gnb a{color:#666;}
#header .m_gnb > ul > li{border-bottom:solid 1px #bbb;}
#header .m_gnb > ul > li.actived > a{color:#98102018-06-21e2;}
#header .m_gnb > ul > li > a{position:relative;display:block;height:50px;line-height:50px;font-size:16px;text-align:center;
	background:rgba(150,150,150,0.8);
	-webkit-transform-origin:-100% 0%;
	-moz-transform-origin:-100% 0%;
	-o-transform-origin:-100% 0%;
	-ms-transform-origin:-100% 0%;
	transform-origin:-100% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#header .m_gnb > ul > li.effect > a{
	background:rgba(241,241,241,1);
	-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
#header .m_gnb > ul > li > ul {display:none;}

#header .m_gnb .btn_close{margin-top:20px;text-align:center;}

/* MENU */
.gnb {position:absolute; left:50%; top:10px; z-index:225;/*transition: 800ms;*//*-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */max-width: 1000px;margin-left:-300px;}
ul#top_menu a { color:#222222; text-decoration:none; font-size:16px; font-weight:500; /*-webkit-transition:500ms; transition:500ms*/}
ul#top_menu > li > a:hover, 
ul#top_menu > li.current > a { color:#003f95;}
ul#top_menu > li > a:before {content: ''; display:block; width:1px; height:15px; position:absolute; left:0; top:16px; background:#ddd;}
ul#top_menu > li:first-child > a:before {background:none;}
ul#top_menu > li, 
ul#top_menu > li > a { float:left; display:block; font-family: "Montserrat", sans-serif ; font-weight:500; font-size:13px; letter-spacing: 1px; -webkit-font-smoothing: antialiased; }
ul#top_menu > li > ul {/* display: none; */opacity:0; position:absolute; visibility:hidden; top:49px; width:180px; z-index:224; left: 0%; margin-left:; box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16); -webkit-transition:opacity 150ms; transition:opacity 150ms; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;}
ul#top_menu li:hover > ul {/* display: block; */visibility:visible; opacity:1;}
ul#top_menu > li > a {position: relative; padding:10px 35px 25px; }
ul#top_menu li{ position:relative}
ul#top_menu > li > ul a {background: #fff;display:block; padding: 10px 5px 10px 25px;font-family:NotoSansCJKkr, Magul Gothic; font-size:14px;font-weight: 400;clear: both;border-top: 1px solid #edebe4;text-align: left;-webkit-transition:300ms;transition: 300ms;}
ul#top_menu > li:hover > ul a { padding: 17px 5px 17px 25px;}
ul#top_menu > li > ul a:hover {background: #bb3e3e;color: #fff;}
ul#top_menu > li > ul > li > ul a { padding-left:40px; position:relative;background: #bb3e3e;}
ul#top_menu > li > ul > li > ul a:hover {background: #bb3e3e;color: #66af3f;}
ul#top_menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #bb3e3e; width: 5px; height: 1px;}

ul#top_menu > li > ul > li:first-child > a{border-top: none;}


/* container */
#container{clear:both; position:relative;max-width:1280px;margin:0 auto;padding-top:160px; text-align:center; z-index:100;}

/* contents */
#contents{position:relative; word-break: keep-all; }

/* footer */
#footer{padding:30px 10px 30px 10px;margin-top:70px; color:#999; text-align:center; background-color:#353535;}
#footer .copy{font-size:14px; margin-top:20px;}
#footer .f_list{display:inline-block;zoom:1;*display:inline;margin-top:20px;}
#footer .f_list > li{display:inline;}
#footer .f_list > li > a{display:inline-block;zoom:1;*display:inline;padding:0 10px;color:#999; font-size:12px; background:url('/images/common/bg_list_line.gif') left center no-repeat;}
#footer .f_list > li > a:hover {color:#f7f7f7;}
#footer .f_list > li:first-child > a{background:none;}
#footer .copy_wrap{position:relative;margin-top:15px;}
#footer .copy_wrap address{font-size:11px;line-height:18px; }
#footer .copy_wrap address .copyright {display:block;}
#footer .copy_wrap .f_cs{position:relative;top:auto;left:auto;}
#footer .copy_wrap .f_cs .txt01{font-size:20px;}
#footer .copy_wrap .f_cs .txt02{font-size:10px;line-height:16px;margin-top:5px;}

.btn_top{position:fixed;bottom:50px;right:30px;display:none;z-index:100005; color:#fff;}
.btn_top a{display:block;width:40px;height:40px;text-align:center;color:#fff!important;;font-size:14px;line-height:40px;letter-spacing:normal;background:#bb3e3e}
.btn_top a:link,
.btn_top a:hover {background-color:#bb3e3e; color:#fff; }
.btn_top.open{display:block}


/* desktop 1280 */
@media screen and (max-width:1280px){
	#container.brand_story {margin: 0 10px; }
}

/* mobie 1023 */
@media screen and (max-width:1023px){
    #header{position:fixed}
	#header .header_bottom.fix .fix_logo{top:-60px}
	#header .sns_list {display:none;}
	#header .header_bottom{display:none}
	#header .header_top{margin:0;height:60px}
	#header .btn_m_list{display:block}
    #header .header_bottom.fix .global_menu{top:-60px}
	#container{padding-top:60px}
	.btn_top{right:10px}
}

/* mobie 640 */
@media screen and (max-width:640px){
    #header h1 .logo1 {display:none;}
	#header h1 .logo2 {display:block; position: absolute;
    left: 50%;
    margin-left: -50px; top:8px;}
	#footer{margin-top:40px}
    #footer .f_list{display:block;margin-top:15px;width:100%}
    #footer .f_list:after{content:"";display:block;clear:both;}
    #footer .f_list > li{display:block;float:left;width:50%}
    #footer .f_list > li > a{display:block;;margin-top:-1px;margin-left:-1px;padding:0 0;font-size:13px;line-height:34px;background:none;border:1px solid #555;}
    #footer .f_list > li:first-child > a{background:none}
    #footer .copy_wrap{margin-top:0;border-top:none}
	#footer .copy_wrap address{font-size:12px;line-height:18px; margin-top:15px} 
	#footer .copy_wrap address span {display:block;}
	#header .header_top .m_global .lan a {font-size:12px; }

}

/* input tag */
input[type="text"],
input[type="password"],
input[type="file"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:100%;height:32px;text-align:left;background:none;border:none;display:block;color:#666;outline:none;}
input[type="file"]{width:100%;line-height:normal;height:auto;}
textarea{position:relative;width:100%;background:none;}

select{height:34px;width:100%;height:32px;text-align:left;background:none;border:none;display:block;color:#666;line-height:1;outline:none;}
select::-ms-expand{display:none;}

a:link, a:visited {text-decoration:none;color:#555;}
a:hover, a:focus, a:active{color:#003f95; background:none;text-decoration:none;}

h3{font-size:24px;line-height:1.500;font-weight:500;color:#333;}
h4{font-size:19px;line-height:1.632;font-weight:500;color:#444;}
h5{font-size:15px;line-height:1.933;font-weight:500;color:#555;}

.layer_popup_cont {overflow:hidden; width:100%; background-color:#fff; border:1px solid #ccc; }
.layer_popup_foot {overflow:hidden; margin:5px; text-align:right; }


#privacy_popup {z-index: 450;width: 600px;height: 441px;position: fixed;top: 0;left: 0;background: #fff;border: 1px solid #ddd;}
#privacy_popup .privacy_popup_inner {position: relative;width: 100%;height: 100%;padding: 40px;}
#privacy_popup .pop_up_close {display: block;width: 45px;height: 45px;position: absolute;right: 40px;top: 30px;background: #003f95 url('/images/common/pop_up_close.png') no-repeat center center;}

#privacy_popup h2 {font-size: 25px; font-weight: 700; line-height: 28px; letter-spacing: .2em; color: #d93b31;}
#privacy_popup .pop_up_content { margin-top: 40px; height: 308px;overflow: auto;}


@media (max-width:700px){
    #privacy_popup {width: 80%;height: auto;left: 10% !important;}
    #privacy_popup .privacy_popup_inner {padding: 5%;}
    #privacy_popup .pop_up_close {width: 35px;height: 35px;background-size: 55%;top: 4.5%;right: 5%;}
    #privacy_popup h2 {font-size: 17px;line-height: 20px;}
    #privacy_popup table {margin-top: 5.5%;}
}
@media (max-width:540px){
    #privacy_popup h2 {text-align: center;}
    #privacy_popup .pop_up_close {top: inherit;bottom: -45px;right: 0;}
    #company_popup .company_list_close {top: inherit;bottom: -45px;right: 0;}
    #privacy_popup .privacy_download {width: 100px;text-indent: -6px;background-position: 96% center;}
    #privacy_popup table td {padding: 13px 4px 12px;}
}