@charset "utf-8";

/* ---------------------신규 메인 리뉴얼--------------------- */
/* LAYOUT - GNB */
#head{width:100%; position:absolute; top:0; left:0; z-index:100;}
#head:before{content:'';display:block;width:auto;}
#head .gnb_wrap{margin:0 auto; background-color:transparent; text-align: center;
	/* border-bottom:1px solid #ccc;  */
}
#head .gnb_util {min-width:1260px; height:35px; padding-top:7px; background-color:#202020;text-align:left;}
#head .gnb_util .util_wrap {width: 100%; margin:0 auto;}
#head .gnb_util .util_wrap:after{content:'';display:table;clear:both;}
#head .gnb_util ul {float:right; padding-right:40px}
#head .gnb_util li {float:left;}
#head .gnb_util li a {color:#fff; font-size:13px; line-height:21px;}
#head .gnb_util li a:before {content:''; display:inline-block; position:relative; width:1px; height:12px; margin:0 12px; background-color:rgba(255, 255, 255, 0.2); vertical-align:middle;}
#head .gnb_util li:first-child a:before {display:none;}
#head .gnb_menu {position:relative; height:100px; margin:0 auto; padding-top:55px; text-align:center}
#head .gnb_menu .logo {position:absolute; left:100px; top:15px;}
#head .nav_list {width: 1010px; display:inline-block;}
#head .nav_list li {display:inline-block;}
#head .nav_list > li a {display:inline-block; padding:0 25px; color:#101010; font-size:16px; font-weight: 500;}
#head .nav_list li .red_dot{position:relative;}
#head .nav_list li .red_dot:before{content:'';position:absolute;top:0;right:0;width:6px;height:6px;background:#EE0700;border-radius:3px;}
#head .my_menu {position:absolute; right:100px; top:60px;}
#head .my_menu ul {float:right;}
#head .my_menu li {float:left; padding: 0 10px; border-right: 1px solid #7f7f7f; line-height:20px;}
#head .my_menu li:after {}
#head .my_menu li a {display:block; font-size: 13px; font-weight: 300;  line-height: 20px; color: #000;}
#head .my_menu li a:hover {color: #d83f87;}
#head .my_menu li:nth-of-type(3) {margin-right: 15px; border-right: 0; }
#head .my_menu li.btn_language {margin-top: -10px; padding: 0 15px 0 0; border: 1px solid #333; line-height: 13px;}
#head .my_menu li.n_border {border-right:0;}


.btn_language{position:relative;cursor:pointer}
.btn_language .btn_language_title{color:#000;background:url('/type/a00/images/common/2020/icon_language_arrow.png') 100% 50% no-repeat;padding:8px 12px 8px 10px}
.btn_language_menu{width:150px;font-size:13px;line-height:18px;color:#575757;background-color:#fff;border:1px solid #b1b1b1;position:absolute;top:30px;right:0;;z-index:999;display:none}
.btn_language_menu a{display:block;padding:8px 10px 8px 10px;width:100%;color:#575757}
.btn_language_menu div:hover{background-color:#d83f87}
.btn_language_menu div:hover a{color:#fff !important}

.submenu{position:absolute;text-align:left !important;padding:30px 0 0 0;z-index:999;display:none}
.submenu li{width:155px; display:block !important;font-size:13px !important;font-weight:300 !important;padding: 0 0 !important;margin:15px 0 0 0 !important}
.submenu li a{color:#000 !important; font-size: 14px !important; font-weight: 300 !important;}
.submenu li a:hover{color:#d83f87 !important;font-weight:500 !important;}
.submenu_bg{position:absolute;width:100%;height:350px;background-color:#fff;border:1px solid #e0e0e0;border-width:0 0 1px 0;z-index:998;display:none}

.container {width: 1720px; margin: 0 auto;}


/* 신규메인FOOTER */
#bof_footer {width: 100%; min-height: 335px; background: #0c0d20; text-align: center;}
.copyright_new {width:100%; padding:50px 0; font-size:16px; color:#fff; text-align:center; line-height:24px; opacity: 0.8;}
.br_con {display: block;}

.footer_area{padding:85px 0 0 0;margin:0 auto}
.footer_area:after{clear:both;content:'';display:block}

.footer_list{}
.footer_list ul li{display:inline-block;font-size:14px;color: rgba(255, 255, 255, 0.5);}
.footer_list ul li a{color:#fff}
.footer_list ul li a:hover{font-weight:500;}
.footer_sns_list {text-align: center;}
.footer_sns_list ul li {margin: 0 10px; display: inline-block;}
/* ---------------------신규 메인 리뉴얼--------------------- */


/* 팝업 */
#popup_wrap {position:relative;}
.popup {position:absolute !important;z-index:9999;top:150px; left:50%;  transform:translateX(-50%); width:450px; text-align:center; z-index:500 !important;}

#popup_wrap .popup_bottom{width:450px; padding:10px 20px;background-color:#000;text-align:right; position:absolute; top:700px; left:50%;  transform:translateX(-50%); z-index:500 !important;}

.popup_bottom_txt01{color:#fff}
.popup_bottom_txt02{font-size:14px;font-weight:800}
.popup_bottom_txt02 a{color:#fff}


/* #divpop1 .popup_img img{width:400px} */




.btn_tm{display:none}
.tm_m_wrap{display:none}


.btn_familysite{float:right;position:relative;cursor:pointer}
.btn_familysite .btn_familysite_title{color:#000;background:url('/type/a00/images/common/family_arrow.png') 100% 50% no-repeat;padding:0 15px 0 10px}
.btn_familysite_menu{width:150px;font-size:13px;line-height:18px;color:#575757;background-color:#fff;border:1px solid #b1b1b1;position:absolute;bottom:30px;right:0;;z-index:999;display:none}
.btn_familysite_menu a{display:block;padding:8px 10px 8px 10px;width:100%;color:#575757}
.btn_familysite_menu ul li:hover{background-color:#eaeaea}
.btn_familysite_menu ul li:hover a{color:#000}



.back-top{position:fixed;bottom:50px;right:50px;z-index:3;display:none;cursor:pointer}




.popup_box_wrap{float:right;width:590px}
.popup_box{overflow:hidden;position:relative}


.sns_area_wrap{width:100%;background:url('/type/a00/images/main/sns_bg.jpg') no-repeat;background-size:cover;background-position:center}
.sns_area{width:1200px;padding:100px 0;margin:0 auto}



/* SUB */
.sub_visual{width:100%;height:350px;text-align:center; margin-top:100px;}
.sub_visual .visual_text_eng{font-size:24px;line-height:30px;letter-spacing:4px;color:#fff;padding:80px 0 0 0}
.sub_visual .visual_text_line{width:20px;height:1px;background-color:#fff;margin:20px auto}
.sub_visual .visual_title{font-size:48px;line-height:48px;font-weight:700;color:#fff}
.sub_visual .visual_text{font-size:15px;line-height:24px;;font-weight:500;color:#fff;padding:15px 0 0 0}
.sub_visual01{background:url('/type/a00/images/sub01/sub_visual01.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual02{background:url('/type/a00/images/sub02/sub_visual02.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual03{background:url('/type/a00/images/sub03/sub_visual03.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual04{background:url('/type/a00/images/sub04/sub_visual04.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual05{background:url('/type/a00/images/sub05/sub_visual05.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual06{background:url('/type/a00/images/sub06/sub_visual06.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual07{background:url('/type/a00/images/sub07/sub_visual07.jpg') no-repeat;background-size:cover;background-position:center}
.sub_visual08{background:url('/type/a00/images/sub08/sub_visual08.jpg') no-repeat;background-size:cover;background-position:center}


.snb{width:100%;background-color:#fff;border-bottom:1px solid #d9d9d9;z-index:1}
.snb ul{width:1200px;margin:0 auto}
.snb ul:after{clear:both;content:'';display:block}
.snb ul li{float:left;font-size:15px;text-align:center;border-right:1px solid #d9d9d9}
.snb ul li:nth-child(1){border-left:1px solid #d9d9d9}
.snb ul li a{display:block;width:100%;padding:20px 0;color:#545454}
.snb ul li.on{border:0;background-color:#d83f87;font-weight:500}
.snb ul li.on a{color:#fff}

.snb ul.snb_1 li{width:100%}
.snb ul.snb_2 li{width:50%}
.snb ul.snb_3 li{width:400px}
.snb ul.snb_4 li{width:300px}
.snb ul.snb_5 li{width:238px}
.snb ul.snb_6 li{width:200px}
.snb ul.snb_7 li{width:300px; /*border-bottom:1px solid #d9d9d9*/}
.snb ul.snb_7 li:nth-child(7), .snb ul.snb_7 li:nth-child(6), .snb ul.snb_7 li:nth-child(5){border-bottom:0;}
.snb ul.snb_7 li:nth-child(5){border-left:1px solid #d9d9d9}
.snb ul.snb_10 li{width:240px}
.snb ul.snb_10 li:nth-child(6){border-left:1px solid #d9d9d9}
.snb ul.snb_10 li:nth-child(n+6){border-top:1px solid #d9d9d9}
.snb ul.snb_11 li{width:200px}
.snb ul.snb_11 li:nth-child(6){border-bottom:1px solid #d9d9d9}
.snb ul.snb_11 li:nth-child(7){border-left:1px solid #d9d9d9}
.snb ul.snb_11 li:nth-child(n+7){border-top:1px solid #d9d9d9}
.snb ul.snb_12 li{width:200px}
.snb ul.snb_12 li:nth-child(7){border-left:1px solid #d9d9d9}
.snb ul.snb_12 li:nth-child(n+7){border-top:1px solid #d9d9d9}
.snb ul.snb_13 li{width:200px}
.snb ul.snb_13 li:nth-child(7){border-left:1px solid #d9d9d9}
.snb ul.snb_13 li:nth-child(n+7){border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.snb ul.snb_13 li:nth-child(13){border-top:0;border-left:1px solid #d9d9d9;border-bottom:0}


.sub_contents_wrap{padding:80px 0 150px 0}
.sub_title_wrap{text-align:center}
.sub_title{font-size:36px;line-height:40px;font-weight:700;color:#000}
.sub_location{font-size:13px;line-height:20px;color:#8c8a8a;padding:10px 0 0 0}
.sub_location img{vertical-align:top;padding:4px 0 0 0}


.sub_contents{width:1200px;min-height:300px;margin:50px auto 0 auto}


/* 준비중 */
.inready_box{background:#f5f5f5; text-align:center; border-radius:3px; padding:80px 0;}
.inready_box h1{font-size:50px; color:#dbdbdb; line-height:1em; padding:40px 0 20px;}


@media screen and (max-width:1750px){
	#head .gnb_menu .logo {left: 20px;}
	.container {width: 100%; padding: 0 30px;}
	#head .my_menu {right:20px;}
}

@media screen and (max-width:1450px){
	#head .gnb_menu {width: 100%; height: 100px; padding-top: 0;}
	#head .nav_list, #head .my_menu {display: none;}
	#head .gnb_menu .logo {position:relative;padding:10px 0 0 30px;left:0; transform:none;float:left; top: 0;}

	.btn_tm{display:block;float:right;padding:35px 30px 0 0}

	.tm_m_wrap{width:80%;background-color:#f2f2f2;overflow-x:hidden;display:block;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7)}

	.tm_m_wrap div.tm_m_top{display:block;width:100%;background-color:#162752}
	.tm_m_wrap div.tm_m_top ul:after{clear:both;content:'';display:block}
	.tm_m_wrap div.tm_m_top ul li{float:left;height:101px;display:block;font-size:13px;border-left:1px solid #7e6ca5;width:25%;text-align:center;padding-top:40px}
	.tm_m_wrap div.tm_m_top ul li.tm_m_close{background-color:#612c89;border-left:0;;padding-top:35px;cursor:pointer}
	.tm_m_wrap div.tm_m_top ul li a{color:#fff;display:block;height:100%}

	.tm_m_menu{padding:20px}
	.tm_m_language select{width:100%;padding:20px;border:1px solid #bebebe;background-color:#e6e6e6;font-size:13px;color:#717171}

	.tm_m_list:first-child{margin-top:10px}
	.tm_m_list{font-size:14px;color:#000;font-weight:500;padding:20px;border-bottom:1px solid #d9d9d9;cursor:pointer}
	.tm_m_list a{display:block;height:100%;color:#000}

	.tm_m_2depth{display:none}
	.tm_m_2depth_list{font-size:14px;background:#fff url(/type/a00/images/common/mobile_arrow.png) 98% 50% no-repeat;border:1px solid #e5e5e5;border-width:0 0 1px 0}
	.tm_m_2depth_list a{color:#474747;display:block;padding:20px}
	.tm_m_2depth_list a:hover{color:#d83f87}
}


@media screen and (max-width:1200px){

	/* COMMON */
	.top{width:100%;height:100px}

	.top_sns{display:none}
	.top_logo{position:relative;padding:10px 0 0 30px;left:0; transform:none;float:left}
	.top_logo img{width:200px}
	.gnb{display:none}
	.top_nevi_wrap{display:none}





	.banner_area{width:100%;padding:20px 30px;margin:0 auto;text-align:center}

	.banner_host01{float:none;margin:0 38px 0 0;display:inline-block}
	.banner_host02{float:none;display:inline-block}

	.footer_banner_wrap{float:none;width:100%;margin:30px 0 0 0}
	.footer_banner{float:none;width:100% !important;margin:0 0 0 0}


	.fnb_area{width:100%;padding:30px 30px}


	.back-top{bottom:30px;right:30px}
	.br_con {display: inline;}


	/* MAIN */
	.main_visual{height:500px}
	.visual_logo img{width:400px}


	/* SUB */
	.sub_visual{height:300px;padding:0 30px}
	.sub_visual .visual_text_eng{padding:60px 0 0 0}
	.sub_visual .visual_text_line{margin:15px auto}


	.snb{display:none}


	.sub_contents_wrap{padding:50px 30px 50px 30px}
	.sub_contents{width:100%;min-height:300px;margin:50px auto 0 auto}
}





@media screen and (max-width:800px){
	.container {width: 100%; padding: 0 15px;}
	/* �˾� */
	/* .popup{position:absolute;z-index:9999;visibility:hidden;top:0;right:0;bottom:0;left:0;width:100%;padding:15px}
	.popup .popup_list{display:inline-block;margin:0 0 10px 0}
	.popup .popup_img img{width:100%}
	.popup .popup_bottom{padding:10px 20px;background-color:#000;text-align:right}
	.popup_bottom_txt01{color:#fff}
	.popup_bottom_txt02{font-size:14px;font-weight:800}
	.popup_bottom_txt02 a{color:#fff} */

	.popup_list .popup_img img{width:100%}



	/* COMMON */
	.top{height:70px}

	.top_logo{padding:10px 0 0 15px}
	.top_logo img{width:130px}

	.btn_tm{padding:30px 15px 0 0}
	.btn_tm img{width:30px}


	.tm_m_wrap div.tm_m_top ul li{height:61px;font-size:12px;padding-top:20px}
	.tm_m_wrap div.tm_m_top ul li.tm_m_close{padding-top:18px}
	.tm_m_wrap div.tm_m_top ul li.tm_m_close img{width:20px}

	.tm_m_menu{padding:15px}
	.tm_m_language select{padding:15px;font-size:12px}

	.tm_m_list:first-child{margin-top:10px}
	.tm_m_list{font-size:13px;padding:15px}

	.tm_m_2depth_list{font-size:12px;background:#fff url(/type/a00/images/common/mobile_arrow.png) 96% 50% no-repeat}
	.tm_m_2depth_list a{padding:15px}



	.copyright_new{padding:30px 15px;font-size:12px;line-height:18px}

	.back-top{bottom:30px;right:30px}
	.back-top img{width:60px}



	/* MAIN */
	.main_visual{height:300px}
	.visual_logo img{width:300px}


	/* SUB */
	.sub_visual{height:200px;padding:0 15px}
	.sub_visual .visual_text_eng{font-size:16px;line-height:20px;letter-spacing:3px;padding:30px 0 0 0}
	.sub_visual .visual_text_line{margin:10px auto}
	.sub_visual .visual_title{font-size:36px;line-height:36px}
	.sub_visual .visual_text{font-size:13px;line-height:18px;padding:10px 0 0 0}


	.sub_contents_wrap{padding:50px 15px 50px 15px}
	.sub_title{font-size:30px;line-height:30px}
	.sub_location{font-size:12px;line-height:18px;padding:8px 0 0 0}


	.sub_contents{min-height:180px;margin:30px auto 0 auto}

}





@media screen and (max-width:480px){
	#head .gnb_menu {border-bottom: 1px solid #d1d1d1;}
	#bof_footer {min-height: 350px;}
	.footer_area {padding: 40px 0 0 0;}
	.footer_list ul li {display: block;}
	.footer_list ul li:nth-child(2), .footer_list ul li:nth-child(4), .footer_list ul li:nth-child(6) {transform: rotate(-90deg);}


	.sub_contents_wrap{padding:30px 15px 30px 15px}
	.sub_title{font-size:24px;line-height:30px}
	.sub_location{font-size:12px;line-height:18px;padding:5px 0 0 0}


	.sub_contents{min-height:150px;margin:30px auto 0 auto}
	
	/* 준비중 */
	.inready_box{padding:40px 0;}
	.inready_box img{width:60%;}
	.inready_box h1{font-size:30px; padding:20px 0 10px;}

}