@charset "utf-8";

body{overflow-x:hidden;}
#main-box {margin:5px;}

/*메인팝업*/
#main_popup{position:absolute; z-index:1500; top:0px; width:100%;}
.main_popup{float:left; margin:0 20px 15px 0; padding:0 0 30px 0; position:relative;}
.main_popup .close{position:absolute; bottom:0; left:0; background:#333; height:14px; padding:10px 3%; text-align:right; color:#fff; width:94%;}
.main_popup .bt{background:#666; width:98px; height:15px; padding:3px 0; text-align:center; background-size:contain; color:#fff; font-weight:bold; line-height:150%;}
.main_popup a:hover{text-decoration:none;}

#wrapper{position:relative; width:100%; height:100%; min-width:350px;}
.blind{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0;}
.clear_div{clear:both;}

#skip_navi{position:absolute; top:0px; height:0px; width:100%; z-index:500;}
#skip_navi a{display:block; height:0px; width:0px; overflow:hidden; text-align:center; color:#fff; font-weight:bold; text-decoration:none;}
#skip_navi a:hover{text-decoration:none; text-decoration:none;}
#skip_navi a:focus, #skip_navi a:active{display:block; top:0px; width:100%; height:20px; padding:7px 0; background:#333; text-decoration:none;}

#head{/*position:relative;*/ position:absolute; width:100%; min-width:320px;}

/*내용*/
#content{width:100%; height:auto; position:relative; min-height:630px; padding-bottom:50px;}
#content .content_top{width:100%; height:231px; display:inline-block; position:absolute;}
#content .content_top p{color:#fff; letter-spacing:-1px; font-size:20px; font-weight:600; margin:0px;}
.contentbox{position:relative; width:100%; height:100%; }
.content{letter-spacing:-1px;}

.contentbgbox{position:relative; margin:0px auto; padding-top:250px; max-width:1200px;}
.contentbg{background:#fff; max-width:1200px; border-radius:2px;}


.cont_ment_tp1{font-weight:bold; margin:0px;}
.cont_ment_tp2{margin:0px;}

.loca{position:relative; font-size:14px; text-align:center; width:100%;}
.loca .loca_bg{display:inline-block; background:#eeeff0; padding:5px 20px; border-radius:20px; margin:0px auto;}
.loca .home_i{width:19px; position:relative; top:-2px;}
.loca a{color:#333; line-height:150%;}
.loca a.on{color:#1353b0; text-decoration:underline; font-weight:600;}
.lc_arr{width:8px;}




#foot_box{background:#656565; padding:30px 0px 30px; margin:0 auto; position:relative; width:100%; font-size:14px; color:#fff; display:inline-block; /*letter-spacing:-0.5px;*/ min-width:320px;}
#foot_box a{color:#fff;}
#address{float:left; line-height:180%;}
#address .mark{float:right; position:relative;}
#address .foottable td{font-size:14px; color:#fff; }

#foot_box .familysite_selectbox{
	/*background:#fff url(/images/common_2019/select_arr.png); 
	background-position:right center; 
	background-repeat:no-repeat; 
	background-size:18px;*/
	color:#aaaaaa;
}

div.familysitebox{
	position:relative;
    /*display:inline-block;*/
    z-index:0
}

div.familysitebox select {
    z-index:1;
}

div.familysitebox:before {
    display:block;
    position:absolute;
    content:'';
    /*right:0px;
    top:0px;
    height:1em;
    width:1em;
    margin:2px;*/
	right:0px;
	top:-6px;
	height:33px;
	width:20px;
	background:#fff url(/images/common_2019/select_arr.png); 
	background-position:right center; 
	background-repeat:no-repeat; 
	background-size:18px;
    z-index:5;
}


/*메인상단 팝업*/
.top-wide-popups{display:block; opacity:1; /*background:#dae3ea;*/}
.top-wide-popups .div-cont{position:relative; /*height:154px;*/ height:189px; z-index:5000; margin:0 auto;}
.top-wide-popups .wpop-list{overflow:hidden;}
.top-wide-popups .wpop-go-btns{position:absolute; bottom:8px; overflow:hidden;z-index:5030;}

.top-wide-popups .wpop-list{overflow:hidden; /*padding:133px 0 0 20px;*/ padding:167px 0 0 20px;}
.top-wide-popups .wpop-list li{float:left;}
/*.top-wide-popups .wpop-list li .nicon{background:url(/images/common_2019/p_ctrl_btns_ttt.png) no-repeat -39px 0; width:13px; height:13px; display:block; text-indent:-9999px; /*margin:0 3px 0 5px;*/ /*margin:0 8px 0 0;}*/
.top-wide-popups .wpop-list li .nicon{background:url(/images/common_2019/p_ctrl_btns_ttt.png) no-repeat -39px 0; width:13px; height:13px; display:block; text-indent:-9999px; /*margin:0 3px 0 5px;*/ margin:0 8px 0 0;}
.top-wide-popups .wpop-list li .nicon.over{background-position:-20px 0;}
.top-wide-popups .wpcont{position:absolute; top:0; left:0; /*height:122px;*/ overflow:hidden; height:157px;}
.top-wide-popups .wpcont img{width:auto;/*height:162px;*/ display:block; max-width:100%; /*padding-top:calc(105px - 10%);*/ margin:0 auto;}

/*.wpop-go-btns button, .wpop-go-btns a{width:14px; height:14px; background:url(/images/common_2019/p_ctrl_btns.png) no-repeat 0 top;overflow:hidden;margin:0 2px;border:0;cursor:pointer;}*/
.wpop-go-btns button, .wpop-go-btns a{width:14px; height:14px; background:url(/images/common_2019/p_ctrl_btns_ttt.png) no-repeat 0 top;overflow:hidden;margin:0 2px;border:0;cursor:pointer;}
.wpop-go-btns button span, .wpop-go-btns a span{white-space:nowrap; padding-left:40px; display:inline-block;cursor:pointer;}
.wpop-go-btns .btn-stop{background-position:0 0; float:left;}
/*.wpop-go-btns .btn-play{background-position:-100px 0; float:left;}*/
.wpop-go-btns .btn-play{background-position:-120px 0; float:left;}

.close-btns{position:absolute; bottom:5px; right:20px; z-index:5010; /*width:135px;*/ width:124px; }
.top-wide-popups .close-btns label{color:#707070;font-size:12px; /*padding:0 5px;*/ letter-spacing:-1px;}
.top-wide-popups .close-btns input{height:13px !important;}
.top-wide-popups .close-btn{position:absolute; bottom:3px; background:url(/images/common_2019/tb_pop_exit.png) no-repeat 0 0; border:0; width:9px; height:9px; cursor:pointer; overflow:visible; right:0;}
.blind {overflow:hidden; text-indent:-9999px; width:1px; height:1px; font-size:0; line-height:0;position:absolute; left:-9999px}


#foot{background:#656565; padding:43px 0px; color:#fff; width:100%; display:inline-block;}
#foot .foot_txt{float:left; color:#fff;}
#foot .foot_txt span{font-size: 12px; display: inline-block; vertical-align: top; position: relative; top: 3px; margin: 0 5px;}
#foot .foot_txt a{color:#fff;}



/*페이지*/
#page{margin:0px auto; text-align:center;}
#page a{display:inline-block; padding:0px 5px; font-size:14px;}
#page a.on{color:#0080cc; font-weight:600; text-decoration:underline;}
#page a.p_btn{padding:0px;}
/*#page li{display:inline-block; padding:0px 5px; font-size:14px;}
#page li.on{color:#f28122; font-weight:600; text-decoration:underline;}*/
#page li a:hover,active,focus{text-decoration:none !important;}
#page img{width:15px;}


/*내용_하단버튼영역*/
.btnarea{width:100%; display:inline-block;}
.btnarea .ba_btn1{display:inline-block;}
.btnarea a:hover,active,focus{text-decoration:none;}


/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){


	/*#main_box {margin:5px;}*/
	#popup_show_con{display:none;}
	#panel_butt {margin-top:5px;}

	.default_box{position:relative; max-width:1260px; min-width:350px; margin:0 auto;}
	.default_box .df_pd{margin:0px 20px;}
	
	#navi_ico {display:block;}

	#head .grobal_menu{top:35px;}

	body{min-width:350px;}

	#head {height:96px; clear:both; z-index:10;}
	#head .head_df{margin:0px 20px; background:url(../images/common/top_bg.png); background-repeat:repeat-x; background-position:top center; height:134px;}
	#head #top_logo{display:none;}
	#head #top_logo_c{/*width:100%;*/ top:60px; left:50px; position:absolute; z-index:100;}
	#head #top_list2{/*margin:0 25%;*/ width:100%;}

	#header #navi{display:none; clear:both; background:#fff; overflow:hidden; height:100%;}
	#head .grobal_menu .gm_btn{display:none;}

	.quick, .quick_close{display:none;}

	/*내용*/
	#content .content_top p{font-size:16px;}
	#content .content_top p.tit{padding-top:160px;}
	#content .content{position:relative; height:100%;}
	#contop{background:url(../images/common/sub_top_m.jpg); background-size:cover; background-position:center;}

	
	#left_nav{display:none;}

	#quickmenu{display:none;}


	/*상단팝업*/
	#toppop_wrap{display:none;}
	.top-wide-popups .div-cont{width:100%; max-width:480px;}
	.top-wide-popups .wpcont{max-width:480px; width:100%; height:162px;}

	
	/*해상도별 표출*/
	.view_w{display:none;}
	.view_t{display:none;}

	.view_wt{display:none;}

	#foot .foot_logo{margin-top:20px;}
}

/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){

	/*#main_box {margin:5px;}*/
	#popup_show_con{display:none;}
	#panel_butt {margin-top:5px;}

	.default_box{position:relative; max-width:1260px; min-width:320px; margin:0 auto;}
	.default_box .df_pd{margin:0px 20px;}
	
	#navi_ico {display:block;}

	#head .grobal_menu{top:35px;}

	#head {height:96px; clear:both; z-index:10;}
	#head .head_df{margin:0px 20px; background:url(../images/common/top_bg.png); background-repeat:repeat-x; background-position:top center; height:134px;}
	#head #top_logo{display:none;}
	#head #top_logo_c{/*width:100%;*/ top:60px; left:50px; position:absolute; z-index:100;}
	#head #top_list2{/*margin:0 25%;*/ width:100%;}

	#header #navi{display:none; clear:both; background:#fff; overflow:hidden; height:100%;}

	#content{position:relative; width:100%; min-width:320px;}
	/*#content .content_title, .content_title2, .content_title3, .content_title4, .content_title5, .content_title6, .content_title7{position:relative; width:100%; text-align:left; border-bottom:1px solid #d9d9d9; top:20px;}
	#content .content_title p, .content_title2 p, .content_title3 p, .content_title4 p, .content_title5 p, .content_title6 p, .content_title7 p{margin:10px; font-weight:bold;}
	#content .contents{margin:38px auto 0;}*/

	/*상단서브메뉴로케이션*/
	.submenu_lcarea{padding-top:96px;}

	/*내용*/
	#content .content_top p.tit{/*padding-top:140px;*/ padding-top:160px;}
	#content .content{position:relative; height:100%;}
	#contop{background:url(../images/common/sub_top_t.jpg); background-size:cover; background-position:center;}

	.contentbox{padding-top:0px;}

	.loca{/*height:40px;*/}

	.no_contentimg_m{display:none;}
	.no_contentimg_t{width:100%; max-width:730px;}
	.no_contentimg_w{display:none;}

	#address{width:100%;}
	#foot_box .familysite_selectbox{position:absolute; right:0px; top:-7px;}
	#foot_box .foot_disin{display:inline-block;}

	/*상단팝업*/
	#toppop_wrap{display:none;}
	.top-wide-popups .div-cont{width:100%; max-width:768px;}
	.top-wide-popups .wpcont{max-width:768px; width:100%; height:162px; }

	
	/*해상도별 표출*/
	.view_w{display:none;}
	.view_m{display:none;}

	#foot .foot_logo{margin-top:20px;}

}

/* Desktop Device : 769 이상 또는 print 출력시*/
@media screen and (min-width:769px), only print{

	#popup_load{display:block;}

	.default_box{position:relative; max-width:1260px; min-width:320px; margin:0 auto;}
	.default_box .df_pd{margin:0px 30px;}
	#panel_butt {display:none;}

	#head{height:134px; clear:both;}
	#head .head_df{padding:0px 30px;}
	#head #top_logo{float:left; /*top:60px;*/ top:50px; position:absolute; z-index:1000; width:244px; left:50px;}
	#head #top_logo_c{display:none;}
	

	#header {position:absolute; z-index:100; width:100%; overflow:hidden;}
	#header #navi{clear:both; background:url(../images/common/top_bg.png); background-repeat:repeat-x; background-position:top center; height:134px;}
	#header .header_pd{padding:0px 30px; position:relative;}
	#header #navi .bt_menu{display:none;}
	#header #navi img{max-width:150px; max-height:100px;}
	#header #navi ul.depth1 {position:relative; float:right; right:30px;}
	#header #navi ul.depth1 li{color:#313131; float:left; font-weight:normal; letter-spacing:-1.5px; margin-left:30px;}
	#header #navi ul.depth1 div{padding:31px 0px 31px;}

	#header #navi ul.depth1 li a{width:100%; color:#000000; text-decoration:none;}
	#header #navi ul.depth1 li a div.depth1{font-size:20px;  width:100%; /*padding:25px 0 15px 0;*/ text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#header #navi ul.depth1 li a:hover, #header #navi ul.depth1 li.on a{color:#035cb0; text-decoration:none; /*background:url(/images/common/ba_logo.png) no-repeat;*/ text-decoration:none;}
	#header #navi ul.depth1 li ul.depth2{ min-height:185px; padding:7px 0; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; /*background-color: rgba(150, 150, 150, 0.5);*/ font-weight:bold; }


	/*내용*/
	#content{position:relative; min-height:550px; min-width:320px;}
	#content .content_top p.tit{padding-top:165px;}
	#content .content{/*margin-left:240px;*/ position:relative; height:100%;}
	#contop{background:url(../images/common/sub_top.jpg); background-size:cover; background-position:center;}
	.content{padding-top:0px;}

	.no_contentimg_m{display:none;}
	.no_contentimg_t{display:none;}
	.no_contentimg_w{width:100%;}

	#foot_box .mark{float:right;}
	#address{width:70%; padding-left:20px; }
	#address .foottable{max-width:633px;}
	#address .foottable .footdtarea{max-width:546px;}
	#foot_box .familysite_selectbox{position:absolute; right:0px; top:-7px;}
	#foot_box .foot_disin{display:inline-block;}

	/*상단팝업*/
	#toppop_wrap{display:block;}
	.top-wide-popups .div-cont{width:100%; /*max-width:1024px;*/ max-width:1200px; }
	.top-wide-popups .wpcont{position:absolute; top:0; left:0; max-width:1200px; width:100%; /*height:132px;*/ height:167px; overflow:hidden;}

	/*해상도별 표출*/
	.view_t{display:none;}
	.view_m{display:none;}

	.view_tm{display:none;}

	#foot .foot_logo{float:right; margin-top:10px;}

}