@charset "utf-8"; 

/* ******************************************************

	00. common	:	전체 공통사항
	
*******************************************************/

/*@import url(./fonts/NotoSansKR/fonts.css);*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,th,td,input,select,textarea,button{
	font-family:'Noto Sans KR', 'Malgun gothic', '맑은고딕', Dotum, '돋움', arial, sans-serif;
	font-weight:300; 
}
*/

/* ******************************************************
	00. common
*******************************************************/
.letter{letter-spacing:normal !important} 
.under{text-decoration: underline !important}
html.fix{overflow-y:hidden}
.d_t{display:table; width:100%; height:100%; table-layout:fixed}
.d_c{display:table-cell; width:100%; vertical-align:middle}

.v_t{vertical-align:top !important}
.v_m{vertical-align:middle !important}
.v_b{vertical-align:bottom !important}

.mobile_data{display:none;}

h4 {font-weight:bold; font-size:15pt; color:#333; padding-bottom:0.5%;}
h5 {font-weight:bold; font-size:13pt; color:#333; padding-bottom:0.3%;}

.clear:after{content:''; display:block; clear:both}
.clearfx:after{content:''; display:block; clear:both}
.highlight {font-weight:700; font-size:20px; color:#333;}
.max_width_100 {max-width:100%;}
.img_width_100 {min-width:100%;}
.txt_center {text-align:center;}

.block_line {border-width:1px 0 0 0; border-style:solid; border-color:#ddd;}
/*
.radius_10 {border-radius:10px;}
.radius_15 {border-radius:15px;}
*/

/** tile **/
.tile {width:100%; padding:0; margin:0 auto; box-sizing:border-box; display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap;}
.tile.size1 > div {width:100%;}
.tile.size2 > div {width:calc((100% / 2) - 10px);}
.tile.size3 > div {width:calc((100% / 3) - 10px);}
.tile.size4 > div {width:calc((100% / 4) - 10px);}

.block.size2 {box-sizing:border-box; display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap; padding-bottom:7%;}
.block > div {padding:0 0.5% 0.5% 0.5%;}

.shortbanner {box-sizing:border-box; display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap;}
.shortbanner > li {padding:0 0.5% 0.5% 0.5%;}
.shortbanner > li img{max-width:100%;}


/* ******************************************************
	Tab Menu
*******************************************************/
/*
.tab_device_ti{display:none;}
.tab_device{position:relative;z-index:1; max-width:1280px; margin:20px auto 0 auto;}
.tab_style01 {width:100%; padding:0; margin:0 auto; box-sizing:border-box; display:flex; align-items:stretch; justify-content:space-between;}
.tab_style01 li {position:relative; border:1px solid #008bd2;border-radius:7px;background:#fff; margin:0 2px;}
.tab_style01 li a{display:block;padding:8px 10px; line-height:18px; font-weight:400;letter-spacing:0; text-align:center; font-size:11pt; height:100%; box-sizing: border-box;}
.tab_style01 li a i {display:block; font-weight:bold; padding-bottom:5px; font-size:12pt;}
.tab_style01 li a:hover, .tab_style01 li a:active, .tab_style01 li a:focus{text-decoration:none; color:#008bd2}
.tab_style01 li.on{background:#008bd2;}
.tab_style01 li.on:before{content:'';display:block;position:absolute;left:50%;bottom:-17px;margin-left:-8px;border:8px solid transparent;border-top-color:#008bd2}
.tab_style01 li.on a{color:#fff;text-decoration:none;}
.tab_cont_area .tab_cont{display:none}
.tab_cont_area>div:first-child{display:block}
*/

.tab_device_ti{display:none;}
.tab_device{position:relative; z-index:1; max-width:1280px; margin:0px auto 0 auto;}
.tab_style01 {padding:0; margin:0 auto; box-sizing:border-box; display:flex; align-items:stretch; justify-content:center; background:url(../images/menu/menuBg.png) bottom repeat-x;}
.tab_style01 li a{display:block; height:111px; font-size:0; box-sizing: border-box; padding:0; margin:0;}
.tab_style01 li a i {font-size:0; display:block; font-weight:bold;}
.tab_style01 li a:hover, .tab_style01 li a:active, .tab_style01 li a:focus{text-decoration:none; color:#008bd2}
.tab_style01 li.on{background:#008bd2;}
.tab_style01 li.on a{color:#fff;text-decoration:none;}
.tab_cont_area .tab_cont{display:none}
.tab_cont_area>div:first-child{display:block}
.tab_style01 li a:before{content:''; display:block; height:100%;}

/* company */
li.tab_company_introduction a:before{width:152px; background:url(../images/menu/company/introduction_off.png) no-repeat;}
li.tab_company_introduction.on a:before{background:url(../images/menu/company/introduction_on.png) no-repeat;}

li.tab_company_greeting a:before{width:116px; background:url(../images/menu/company/greeting_off.png) no-repeat;}
li.tab_company_greeting.on a:before{background:url(../images/menu/company/greeting_on.png) no-repeat;}

li.tab_company_philosophy a:before{width:140px; background:url(../images/menu/company/philosophy_off.png) no-repeat;}
li.tab_company_philosophy.on a:before{background:url(../images/menu/company/philosophy_on.png) no-repeat;}

li.tab_company_core_value a:before{width:136px; background:url(../images/menu/company/core_value_off.png) no-repeat;}
li.tab_company_core_value.on a:before{background:url(../images/menu/company/core_value_on.png) no-repeat;}

li.tab_company_history a:before{width:105px; background:url(../images/menu/company/history_off.png) no-repeat;}
li.tab_company_history.on a:before{background:url(../images/menu/company/history_on.png) no-repeat;}

li.tab_company_organization a:before{width:154px; background:url(../images/menu/company/organization_off.png) no-repeat;}
li.tab_company_organization.on a:before{background:url(../images/menu/company/organization_on.png) no-repeat;}

li.tab_company_client a:before{width:93px; background:url(../images/menu/company/client_off.png) no-repeat;}
li.tab_company_client.on a:before{background:url(../images/menu/company/client_on.png) no-repeat;}

li.tab_company_location a:before{width:114px; background:url(../images/menu/company/location_off.png) no-repeat;}
li.tab_company_location.on a:before{background:url(../images/menu/company/location_on.png) no-repeat;}

li.tab_company_introduction a:before{width:152px; background:url(../images/menu/company/introduction_off.png) no-repeat;}
li.tab_company_introduction.on a:before{background:url(../images/menu/company/introduction_on.png) no-repeat;}

/* Industry */
li.tab_industry_chemistry a:before{width:131px; background:url(../images/menu/industry/chemistry_off.png) no-repeat;}
li.tab_industry_chemistry.on a:before{background:url(../images/menu/industry/chemistry_on.png) no-repeat;}

li.tab_industry_semicon a:before{width:116px; background:url(../images/menu/industry/semicon_off.png) no-repeat;}
li.tab_industry_semicon.on a:before{background:url(../images/menu/industry/semicon_on.png) no-repeat;}

li.tab_industry_landfill a:before{width:102px; background:url(../images/menu/industry/landfill_off.png) no-repeat;}
li.tab_industry_landfill.on a:before{background:url(../images/menu/industry/landfill_on.png) no-repeat;}

li.tab_industry_underground a:before{width:157px; background:url(../images/menu/industry/underground_off.png) no-repeat;}
li.tab_industry_underground.on a:before{background:url(../images/menu/industry/underground_on.png) no-repeat;}

li.tab_industry_energy a:before{width:102px; background:url(../images/menu/industry/energy_off.png) no-repeat;}
li.tab_industry_energy.on a:before{background:url(../images/menu/industry/energy_on.png) no-repeat;}

li.tab_industry_water a:before{width:134px; background:url(../images/menu/industry/water_off.png) no-repeat;}
li.tab_industry_water.on a:before{background:url(../images/menu/industry/water_on.png) no-repeat;}

li.tab_industry_airplane a:before{width:160px; background:url(../images/menu/industry/airplane_off.png) no-repeat;}
li.tab_industry_airplane.on a:before{background:url(../images/menu/industry/airplane_on.png) no-repeat;}

li.tab_industry_tank a:before{width:81px; background:url(../images/menu/industry/tank_off.png) no-repeat;}
li.tab_industry_tank.on a:before{background:url(../images/menu/industry/tank_on.png) no-repeat;}

li.tab_industry_construction a:before{width:155px; background:url(../images/menu/industry/construction_off.png) no-repeat;}
li.tab_industry_construction.on a:before{background:url(../images/menu/industry/construction_on.png) no-repeat;}

li.tab_industry_mining a:before{width:100px; background:url(../images/menu/industry/mining_off.png) no-repeat;}
li.tab_industry_mining.on a:before{background:url(../images/menu/industry/mining_on.png) no-repeat;}


/* Products */
li.tab_products_purad a:before{width:90px; background:url(../images/menu/products/purad_off.png) no-repeat;}
li.tab_products_purad.on a:before{background:url(../images/menu/products/purad_on.png) no-repeat;}

li.tab_products_agruline a:before{width:112px; background:url(../images/menu/products/agruline_off.png) no-repeat;}
li.tab_products_agruline.on a:before{background:url(../images/menu/products/agruline_on.png) no-repeat;}

li.tab_products_industrial a:before{width:124px; background:url(../images/menu/products/industrial_off.png) no-repeat;}
li.tab_products_industrial.on a:before{background:url(../images/menu/products/industrial_on.png) no-repeat;}

li.tab_products_agruchem a:before{width:124px; background:url(../images/menu/products/agruchem_off.png) no-repeat;}
li.tab_products_agruchem.on a:before{background:url(../images/menu/products/agruchem_on.png) no-repeat;}

li.tab_products_concrete_protection a:before{width:216px; background:url(../images/menu/products/concrete_off.png) no-repeat;}
li.tab_products_concrete_protection.on a:before{background:url(../images/menu/products/concrete_on.png) no-repeat;}

li.tab_products_semifinished a:before{width:161px; background:url(../images/menu/products/semi-finished_off.png) no-repeat;}
li.tab_products_semifinished.on a:before{background:url(../images/menu/products/semi-finished_on.png) no-repeat;}

li.tab_products_agrusan a:before{width:186px; background:url(../images/menu/products/agrusan_off.png) no-repeat;}
li.tab_products_agrusan.on a:before{background:url(../images/menu/products/agrusan_on.png) no-repeat;}

li.tab_products_lining a:before{width:170px; background:url(../images/menu/products/lining_off.png) no-repeat;}
li.tab_products_lining.on a:before{background:url(../images/menu/products/lining_on.png) no-repeat;}

li.tab_products_costomized a:before{width:196px; background:url(../images/menu/products/customized-parts_off.png) no-repeat;}
li.tab_products_costomized.on a:before{background:url(../images/menu/products/customized-parts_on.png) no-repeat;}

/* Welding Technology */
li.tab_welding_sp_series a:before{width:128px; background:url(../images/menu/welding/sp_series_off.png) no-repeat;}
li.tab_welding_sp_series.on a:before{background:url(../images/menu/welding/sp_series_on.png) no-repeat;}

li.tab_welding_sp_110v3 a:before{width:154px; background:url(../images/menu/welding/sp_110v3_off.png) no-repeat;}
li.tab_welding_sp_110v3.on a:before{background:url(../images/menu/welding/sp_110v3_on.png) no-repeat;}

li.tab_welding_sp_110b a:before{width:125px; background:url(../images/menu/welding/sp_110b_off.png) no-repeat;}
li.tab_welding_sp_110b.on a:before{background:url(../images/menu/welding/sp_110b_on.png) no-repeat;}

li.tab_welding_ef_series a:before{width:132px; background:url(../images/menu/welding/ef_series_off.png) no-repeat;}
li.tab_welding_ef_series.on a:before{background:url(../images/menu/welding/ef_series_on.png) no-repeat;}

li.tab_welding_maintenance a:before{width:159px; background:url(../images/menu/welding/maintenance_off.png) no-repeat;}
li.tab_welding_maintenance.on a:before{background:url(../images/menu/welding/maintenance_on.png) no-repeat;}

/* Career */
li.tab_career_talent a:before{width:94px; background:url(../images/menu/career/talent_off.png) no-repeat;}
li.tab_career_talent.on a:before{background:url(../images/menu/career/talent_on.png) no-repeat;}

li.tab_career_recruit_guide a:before{width:159px; background:url(../images/menu/career/recruit_guide_off.png) no-repeat;}
li.tab_career_recruit_guide.on a:before{background:url(../images/menu/career/recruit_guide_on.png) no-repeat;}

li.tab_career_job_info a:before{width:111px; background:url(../images/menu/career/job_info_off.png) no-repeat;}
li.tab_career_job_info.on a:before{background:url(../images/menu/career/job_info_on.png) no-repeat;}

li.tab_career_welfare_system a:before{width:180px; background:url(../images/menu/career/welfare_system_off.png) no-repeat;}
li.tab_career_welfare_system.on a:before{background:url(../images/menu/career/welfare_system_on.png) no-repeat;}


/* ******************************************************
	01. Font
*******************************************************/
html{font-family:NanumGothic,"나눔고딕","Malgun Gothic"; font-size:12pt; text-align:left; color:#666; line-height:1.647; letter-spacing:-0.025em; word-break:break-all;}
input,textarea,select,button {font-family:'Noto Sans KR', Arial, sans-serif; font-weight:400; letter-spacing:-0.025em;}
/*p,dd {text-align:justify;}*/

.nanum{font-family:'Nanum Square' !important;}
.montserrat{font-family:'Montserrat' !important;}
.roboto{font-family:'Roboto' !important;}

.f_100{font-weight:100}/* Thin */
.f_300{font-weight:300}/* light */
.f_400{font-weight:400}/* Reguler */
.f_500{font-weight:500}/* Medium */
.f_700{font-weight:700}/* Bold */
.f_800{font-weight:800}/* EB */
.f_900{font-weight:900}/* EB */

.color_01{color:#333 !important}
.color_02{color:#666 !important}
.color_03{color:#888 !important}
.color_04{color:#f9a13a !important}
.color_05{color:#ff8a00 !important}

.text_c{text-align:center !important;}
.text_l{text-align:left !important;}
.text_r{text-align:right !important;}

.text_over{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.text_pre{white-space:pre;}

.nPd{padding:0 !important}


/* ******************************************************
	02. layout
*******************************************************/
#wrap{position:relative; overflow:hidden;}

/* header */
#header{position:absolute; top:0; left:0; width:100%; z-index:999999; padding-bottom:8px;}
#header:after{content:''; display:block; position:absolute; top:90px; left:0; display:block; width:100%; height:8px; background:#008bd2; z-index:2;}

#header h1{position:absolute; top:0px; left:50%; display:block; width:168px; height:90px; margin:0 0 0 -640px; z-index:20;}
#header h1 > a{position:absolute; top:0; left:0; display:block; width:100%; height:100%; font-size:0;}
#header h1 > a:before{content:''; position:absolute; top:23px; left:0; display:block; width:168px; height:42px; background:url(../images/common/logo_black.png) left top no-repeat; opacity:1; transition:opacity 0.45s ease;}
/*#header h1 > a:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/common/logo_white.png) left top no-repeat; opacity:0; transition:opacity 0.45s ease;}*/
#header .btn_header_search{position:absolute; top:72px; right:50%; padding-left:16px; margin-right:-600px; display:block; width:25px; height:25px; z-index:20; box-sizing:content-box}
#header .btn_header_search:before{content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:18px; margin-top:-9px; background:#7f7f7f;}

#header .btn_header_search > span{position:absolute; top:0; right:0; display:block; width:25px; height:25px;}
#header .btn_header_search > span:before{content:''; display:block; position:absolute; top:0; r:0; display:block; width:100%; height:100%; background:url(../images/util/btn_header_search_black.png) left top no-repeat; opacity:1; transition:opacity 0.45s ease;}
#header .btn_header_search > span:after{content:''; display:block; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../images/util/btn_header_search_white.png) left top no-repeat; opacity:0; transition:opacity 0.45s ease;}


@media screen and (min-width:1024px){

	#header.main .gnb_menu{background:transparent;}
	#header.main h1 > a:before{opacity:0;}
	#header.main h1 > a:after{opacity:1;}
	#header.main .btn_header_search > span:before{opacity:0;}
	#header.main .btn_header_search > span:after{opacity:1;}
	#header.main .gnb_menu .inner > ul > li > a{color:#fff}
	#header.main .gnb_menu:before{opacity:0;}
	#header.main .gnb_menu.open:before{opacity:1;}
	#header.main .gnb_menu.open .inner > ul > li > a{color:#333;}
	#header.main .gnb_menu .inner > ul > li.actived  > a{color:#3adcf9;}
	
	.gnb_wrap:before{content:''; display:block; position:absolute; top:90px; left:0; display:block; width:100%; height:0px; background:#008bd2; opacity:0; transition:opacity 0.5s 0s ease; z-index:7;}
	
	#gnb.open .gnb_wrap{height:124px;}
	#gnb.open .gnb_wrap:before{opacity:1; transition-delay:0s;}
	#header.open h1 > a:before{opacity:1;}
	#header.open h1 > a:after{opacity:0;}
	
	#header.scrollFix{position:fixed; top:0px;}
	#header.scrollFix .gnb_wrap{height:90px;}
	#header.scrollFix .gnb_wrap:before{opacity:1; transition-delay:0s;}
	#header.scrollFix.main .gnb_menu{background:#fff;}
	#header.scrollFix.main h1 > a:before{opacity:1;}
	#header.scrollFix.main h1 > a:after{opacity:0;}
	#header.scrollFix.main .btn_header_search > span:before{opacity:1;}
	#header.scrollFix.main .btn_header_search > span:after{opacity:0;}
	#header.scrollFix.main .gnb_menu .inner > ul > li > a{color:#333}
	#header.scrollFix.main .gnb_menu .inner > ul > li.actived  > a{color:#3adcf9;}
}


#header + #container{padding-top:98px}
.guide_header + #container{padding-top:125px}


.other_menu{}
.other_menu:after{content:''; display:block; clear:both}
.other_menu > li{float:left;}
.other_menu > li > a{display:block; font-size:14px; line-height:44px; color:#888; width:160px; text-align:center; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; margin-left:-1px;}

.global_menu{position:absolute; top:0; right:0;}
.global_menu:after{content:''; display:block; clear:both}
.global_menu > li{position:relative; float:left; padding:0 20px;}
.global_menu > li:first-child{padding-left:0;}
.global_menu > li:after{content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:14px; margin-top:-7px; background:#d5d5d5}
.global_menu > li:first-child:after{display:none;}
.global_menu > li:last-child:before{content:''; position:absolute; top:50%; right:0; display:block; width:1px; height:14px; margin-top:-7px; background:#d5d5d5}
.global_menu > li > a{display:block; font-size:14px; line-height:44px; color:#888; transition:color 0.45s ease;}
.global_menu select{width:50px; padding-left:0; padding-right:0; height:44px; border:none; background-position:right center; background-color:transparent;}
.global_menu select{width:auto \0/IE9; padding:5px 0px \0/IE9;}
.global_menu select:focus{border:none;}
.global_menu select option {padding:5px; font-size:18px}

.gnb_menu{position:relative; height:90px; overflow:hidden; z-index:5;}
.gnb_menu.transition{transition:background 0.45s, height 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.gnb_menu:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:90px; background-color:#292a2e; z-index:0; transition:opacity 0.45s ease;}
.gnb_menu:after{content:''; display:block; position:absolute; top:0px; left:0; right:0; bottom:0; width:auto; height:auto; margin:90px auto auto auto; opacity:1; z-index:1; /*background:url(../images/common/gnb_bg.png) repeat-x #fff;*/ background:#f2f2f2;}

@media screen and (min-width:1024px){
	.gnb_menu{}
	.gnb_menu .inner > ul > li{transition:width 0.55s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
	.gnb_menu .inner > ul > li.menu01{width:140px;}
	.gnb_menu .inner > ul > li.menu02{width:140px;}
	.gnb_menu .inner > ul > li.menu03{width:140px;}
	.gnb_menu .inner > ul > li.menu04{width:170px;}
	.gnb_menu .inner > ul > li.menu05{width:120px;}
	.gnb_menu .inner > ul > li.menu06{width:115px;}
	/*.gnb_menu .inner:before{content:''; position:absolute; top:32px; 0; right:0; display:block; width:1px; height:16px; background:#d5d5d5}*/
}

@media screen and (min-width:1366px){
	/*
	.gnb_menu.open .inner > ul > li.menu01{width:115px;}
	.gnb_menu.open .inner > ul > li.menu02{width:149px;}
	.gnb_menu.open .inner > ul > li.menu03{width:146px;}
	.gnb_menu.open .inner > ul > li.menu04{width:150px;}
	.gnb_menu.open .inner > ul > li.menu05{width:178px;}
	.gnb_menu.open .inner > ul > li.menu06{width:108px;}
	*/
}
.gnb_menu .inner > ul{position:absolute; top:0; right:0; z-index:10;}
.gnb_menu .inner > ul:after{content:''; display:block; clear:both;}
.gnb_menu .inner > ul > li{float:left;}
.gnb_menu .inner > ul > li:first-child{margin-left:0;}
.gnb_menu .inner > ul > li > a{display:block; font-size:18px; color:#f2f2f2; font-weight:600; line-height:85px; transition:color 0.5s ease;}
.gnb_menu .inner > ul > li > a:hover {color:#0095da;}					
.gnb_menu .inner > ul > li.actived > a{color:#3adcf9;}


.gnb_cover {position:fixed; top:0; left:0; display:none; width:100%; height:100%; z-index:99998;}
.gnb_cover:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0.6;}

.snb_wrap > ul{padding:15px 0 15px 0;}
.snb_wrap > ul > li{padding:5px 0;}
.snb_wrap > ul > li > a{display:block; font-family:'Malgun gothic','맑은고딕'; font-size:10pt; line-height:18px; color:#333; white-space:nowrap;}
.snb_wrap > ul > li > a:hover {color:#0095da;}
.snb_wrap > ul > li > a br {display:none;}
.snb_wrap > ul > li.actived > a{color:#3adcf9;}
.snb_wrap > ul > li i {display:block; font-weight:bold; font-size:11pt; line-height:16px; padding-bottom:3px; }


/* 햄버거바 */
.btn_header_menu{position:fixed; top:20px; right:15px; display:none; width:17px; height:15px; z-index:10;}
.btn_header_menu > span{position:absolute; top:6px; left:0; width:100%; height:3px; display:block;}
.btn_header_menu > span:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#019ae8; transition:transform 0.45s ease;}
.btn_header_menu > span:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#019ae8; transition:transform 0.45s ease;}
.btn_header_menu:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:3px; background:#019ae8; transition:width 0.45s ease;}
.btn_header_menu:after{content:''; position:absolute; top:12px; right:0; display:block; width:100%; height:3px; background:#019ae8; transition:width 0.45s ease;}

#header.open .btn_header_menu > span{}
#header.open .btn_header_menu > span:before{transform:rotate(-45deg);}
#header.open .btn_header_menu > span:after{transform:rotate(45deg);}
#header.open .btn_header_menu:after{width:0;}
#header.open .btn_header_menu:before{width:0;}

/* location */
#location{position:relative;}
.location_wrap {}
.location_data {position:relative; max-width:1280px; margin:0 auto 0 auto; padding:5px 10px 0 0; z-index:2; font-size:10pt; text-align:right; font-weight:300;}
.location_data .btn_home{padding-left:0;}
.location_data .btn_home:before {display:none;}
.location_data span {position:relative; padding-left:15px;}
.location_data span:before {content:''; position:absolute; top:calc(50% - 2px); left:4px; width:5px; height:5px; background:url(../images/icon/icon_linemap.png) no-repeat;}
.location_data .actived {font-weight:700; color:#008bd2}

/* container */
#container{position:relative; max-width:2560px; margin:0 auto;}
#container.main{padding-top:98px !important;}

#contents{max-width:1124px; margin:0 auto; padding:50px 50px 0 50px; box-sizing:border-box;}
#contents.full{max-width:100%; padding-left:0; padding-right:0;}

/* footer */
#footer{position:relative; padding:70px 20px 50px 20px}
/*#footer .footer_wrap {position:relative; max-width:1280px; margin:0 auto; padding-top:53px}*/
#footer .footer_wrap {position:relative; max-width:1280px; margin:0 auto; padding-top:0px}
#footer address {font-size:11pt; line-height:150%; color:#888; padding-top:14px; border-top:3px solid #666; word-break:keep-all;}
#footer address span {display:inline-block; margin-right:20px; word-break:keep-all;}
#footer .copy {font-size:10pt; color:#888; letter-spacing:0; margin-top:0px;}



.footer_menu{position:absolute; top:0; left:0;}
.footer_menu:after{content:''; display:block; clear:both;}
.footer_menu > li{position:relative; float:left; margin-left:10px; padding-left:10px;}
.footer_menu > li:after{content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:14px; margin-top:-7px; background:#d4d4d4;}
.footer_menu > li:first-child{margin-left:0; padding-left:0;}
.footer_menu > li:first-child:after{display:none;}
.footer_menu > li > a{display:block; font-size:15px; font-weight:500; line-height:53px; color:#666;}

/*.footer_family_menu{position:absolute; top:0; right:0; overflow:hidden;}*/
.footer_family_menu{position:absolute; top:0; right:0; overflow:hidden; display:none;}
.footer_family_menu > li{position:relative; float:left; margin-left:10px; padding-left:10px;}
.footer_family_menu > li:after{content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:14px; margin-top:-7px; background:#d4d4d4;}
.footer_family_menu > li:first-child{margin-left:0; padding-left:0;}
.footer_family_menu > li:first-child:after{display:none;}
.footer_family_menu > li > a{display:block; font-size:16px; font-weight:500; line-height:53px; color:#666;}
.footer_family_menu > li.btn_family {position:relative; width:107px;}
.footer_family_menu > li.btn_family:before {content:'+'; position:absolute; top:0; right:0; display:block; font-size:16px; color:#666;  font-weight:500; line-height:53px;}
.footer_family_menu > li.btn_family select {border:none; padding:0; width:100%; height:53px; line-height:1; min-width:auto; font-size:16px; color:#666;  font-weight:500; background:none;}

.guide_header{position:absolute; top:0; left:0; width:100%; font-size:24px; color:#666; line-height:125px; height:125px; background:#fafafa; text-align:center; z-index:100;}
.guide_footer{margin:80px 0 0 0; padding:0 30px 50px 30px; font-size:24px; color:#666; line-height:120px; height:120px; background:#fafafa; text-align:center;}




/* ******************************************************
	03. table
*******************************************************/
.scroll_horizontal{overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling: touch;}
/* 게시판 테이블 */
.board_list_wrap{border-top:2px solid #888; border-bottom:2px solid #888;}
table.board_list{width:100%; table-layout:fixed;}
table.board_list > thead > tr > th{height:50px; color:#333; font-size:16px; background:#f5f5f5; border-left:1px solid #e6e6e6; vertical-align:middle; text-align:center}
table.board_list > tbody > tr{border-top:1px solid #e6e6e6;}
table.board_list > tbody > tr:first-child{border-top:none;}
table.board_list > tbody > tr > td{height:20px; padding:15px 20px; font-size:14px; color:#888; line-height:20px; border-left:1px solid #e6e6e6; vertical-align:middle; text-align:center}
table.board_list > thead > tr > th:first-child,
table.board_list > tbody > tr > td:first-child{border-left:none}
.none_list_data{font-size:14px; color:#888; line-height:20px; padding:15px 20px; text-align:center;}
a.btn_link{display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
a.btn_link > strong{display:inline-block; margin-right:5px;}

/* 가로 정보 테이블 */
.info_horizontal_wrap{border-top:1px solid #888; border-bottom:1px solid #888;}
table.info_horizontal{width:100%; table-layout:fixed; }
table.info_horizontal > thead > tr > th{padding:15px 30px; background:#f5f5f5; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;  text-align:left}
table.info_horizontal > tbody > tr{border-top:1px solid #e6e6e6;}
table.info_horizontal > tbody > tr:first-child{border-top:none;}
table.info_horizontal > tbody > tr > td{padding:15px 30px; border-left:1px solid #e6e6e6; vertical-align:middle; text-align:left}
table.info_horizontal > thead > tr > th:first-child,
table.info_horizontal > tbody > tr > td:first-child{border-left:none}

/* 가로 정보 반응형 테이블 */
.info_reponsive_horizontal_wrap{border-top:2px solid #888; border-bottom:2px solid #888; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling: touch;}
table.info_reponsive_horizontal{width:100%; table-layout:fixed;}
table.info_reponsive_horizontal > thead > tr > th{height:24px; padding:13px 15px; color:#333; font-size:16px; line-height:24px; background:#f5f5f5; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:top; text-align:center}
table.info_reponsive_horizontal > tbody > tr{border-top:1px solid #e6e6e6;}
table.info_reponsive_horizontal > tbody > tr:first-child{border-top:none;}
table.info_reponsive_horizontal > tbody > tr > td{height:24px; padding:13px 15px; font-size:14px; color:#888; line-height:24px; border-left:1px solid #e6e6e6; vertical-align:middle; text-align:center}
table.info_reponsive_horizontal > thead > tr > th:first-child,
table.info_reponsive_horizontal > tbody > tr > td:first-child{border-left:none}
.table_top_info{font-size:14px; color:#666; text-align:right; margin-bottom:10px; line-height:1;}
.table_bottom_txt{margin-top:25px}
.total_stock_cell > td{color:#a57a3e !important; background:#fbf6ef !important; font-weight:700;}
.total_stock_cell > td.total_stock_cell_title{font-size:16px !important; font-weight:400;}

/* 세로 정보 테이블 */
table.info_vertical{width:100%; table-layout:fixed; border-top:1px solid #888; border-bottom:1px solid #888}
table.info_vertical th,
table.info_vertical td{padding:12.5px 20px 12.5px 20px;}
table.info_vertical td{border-left:1px solid #e6e6e6;}
table.info_vertical th{background:#f5f5f5; vertical-align:top;}
table.info_vertical tr{border-top:1px solid #e6e6e6}
table.info_vertical tr:first-child{border-top:none;}
table.info_vertical.small th{}
table.info_vertical.small td{}
table.info_vertical.small .dot_txt_list > li{font-size:14px; line-height:22px;}

table.info_vertical2{width:100%; table-layout:fixed; border-top:1px solid #888; border:2px solid #888}
table.info_vertical2 th,
table.info_vertical2 td{padding:12.5px 20px 12.5px 20px;}
table.info_vertical2 td{background:#ccc; border:1px solid #888; color:#333;}
table.info_vertical2 th{background:#fff; vertical-align:top; border-left:1px solid #888; border-bottom:2px solid #888;}
table.info_vertical2 tr{border-top:1px solid #e6e6e6}
table.info_vertical2 tr:first-child{border-top:none;}
table.info_vertical2.small th{}
table.info_vertical2.small td{}
table.info_vertical2.small .dot_txt_list > li{font-size:14px; line-height:22px;}

/* 입력 테이블 */
table.input_vertical{width:100%; table-layout:fixed; border-top:2px solid #888; border-bottom:2px solid #888}
table.input_vertical + table.input_vertical{margin-top:20px;}
table.input_vertical th,
table.input_vertical td{padding:10px 20px; font-size:16px; color:#666; line-height:30px; font-weight:400; border-left:1px solid #e6e6e6}
table.input_vertical td{vertical-align:middle;}
table.input_vertical th{background:#f5f5f5; vertical-align:top;}
table.input_vertical th em{color:#f9a13a;}
table.input_vertical tr{border-top:1px solid #e6e6e6}
table.input_vertical tr:first-child{border-top:none;}
.input_point{font-size:14px; text-align:right; margin-bottom:10px; line-height:1;}
.input_point em{color:#f9a13a}
.table_bottom_info {margin-top:14px;}

/* view Table */
table.view{width:100%; table-layout:fixed; border-top:3px solid #000;}
table.view td,table.view th{text-align:left; vertical-align:middle; box-sizing:border-box; color:#666;}
table.view td,table.view th{height:44px; font-size:14px; line-height:1; font-weight:300; padding:10px 20px; border-top:1px solid #c9c9c9}
table.view tr:last-child td,table.view tr:last-child th{border-bottom:1px solid #000}



/* ******************************************************
	04. button
*******************************************************/
.page_tab{height:50px; margin-bottom:50px;}
.page_tab > ul{position:relative; display:table; width:100%; table-layout:fixed}
.page_tab > ul > li{position:relative; display:table-cell; vertical-align:top}
.page_tab > ul > li > a{display:block; height:50px; font-size:16px; color:#666; line-height:48px; text-align:center; background:#f6f6f6; border:1px solid #d5d5d5; margin-left:-1px; overflow:hidden; box-sizing:border-box;}
.page_tab > ul > li:first-child > a{margin-left:0}
.page_tab > ul > li.actived a{color:#fff; font-weight:500; border-color:#f9a13a; background:#f9a13a;}
.page_tab > ul > li.actived{z-index:5}
.page_tab .page_tab_ui {display:none;}

.con_tab{height:50px; margin-bottom:50px; border:1px solid #c9c9c9; box-sizing:border-box;}
.con_tab > ul{position:relative; display:table; width:100%; table-layout:fixed}
.con_tab > ul > li{position:relative; display:table-cell; vertical-align:top; box-sizing:border-box; border-left:1px solid #c9c9c9;}
.con_tab > ul > li:first-child{border-left:none;}
.con_tab > ul > li > a{display:block; height:48px; font-size:16px; color:#666; line-height:51px; text-align:center; margin-top:-1px; border-bottom:2px solid transparent; overflow:hidden;}
.con_tab > ul > li.actived a{color:#f9a13a; border-bottom-color:#f9a13a}
.con_tab > ul > li.actived{z-index:5}
.con_tab + .group_cell{margin-top:0 !important;}

.btn_page_wrap{position:relative; height:42px; margin-top:30px; text-align:center; font-size:0;}
.btn_page_wrap.small{height:30px;}
.btn_page_wrap > input[type=submit],
.btn_page_wrap > button,
.btn_page_wrap > a{margin:0 5px}
.btn_page_wrap > input[type=submit]:last-child,
.btn_page_wrap > button:last-child,
.btn_page_wrap > a:last-child{margin-right:0}
.btn_page_wrap > input[type=submit]:first-child,
.btn_page_wrap > button:first-child,
.btn_page_wrap > a:first-child{margin-left:0}

.btn_pos_left{position:absolute; top:0; left:0; font-size:0}
.btn_pos_left > input[type=submit],
.btn_pos_left > button,
.btn_pos_left > a{margin-left:10px}
.btn_pos_left > input[type=submit]:first-child,
.btn_pos_left > button:first-child,
.btn_pos_left > a:first-child{margin-left:0}

.btn_pos_right{position:absolute; top:0; right:0; font-size:0}
.btn_pos_right > input[type=submit],
.btn_pos_right > button,
.btn_pos_right > a{margin-left:10px}
.btn_pos_right > input[type=submit]:first-child,
.btn_pos_right > button:first-child,
.btn_pos_right > a:first-child{margin-left:0}


/* page btn */
a.btn_01 , input[type=submit].btn_01 , button.btn_01{display:inline-block; min-width:120px; height:42px; padding:0 20px; font-size:14px; line-height:40px; text-align:center; box-sizing:border-box; transition:color 0.4s, border 0.4s, background 0.4s ease}
a.btn_01.type_01 , input[type=submit].btn_01.type_01 , button.btn_01.type_01{color:#666; border:1px solid #c9c9c9; background:#fff;}
a.btn_01.type_02 , input[type=submit].btn_01.type_02 , button.btn_01.type_02{color:#fff; border:1px solid #f9a13a; background:#f9a13a;}
a.btn_01.type_03 , input[type=submit].btn_01.type_03 , button.btn_01.type_03{color:#fff; border:1px solid #333; background:#333;}
a.btn_01.type_04 , input[type=submit].btn_01.type_04 , button.btn_01.type_04{color:#666; border:1px solid #c9c9c9; background:#fafafa;}

a.btn_02 , input[type=submit].btn_02 , button.btn_02{display:inline-block; min-width:100px; height:30px; padding:0 15px; font-size:14px; line-height:28px; text-align:center; box-sizing:border-box; transition:color 0.4s, border 0.4s, background 0.4s ease}
a.btn_02.type_01 , input[type=submit].btn_02.type_01 , button.btn_02.type_01{color:#666; border:1px solid #c9c9c9; background:#fff;}
a.btn_02.type_02 , input[type=submit].btn_02.type_02 , button.btn_02.type_02{color:#fff; border:1px solid #f9a13a; background:#f9a13a;}
a.btn_02.type_03 , input[type=submit].btn_02.type_03 , button.btn_02.type_03{color:#fff; border:1px solid #333; background:#333;}
a.btn_02.type_04 , input[type=submit].btn_02.type_04 , button.btn_02.type_04{color:#666; border:1px solid #c9c9c9; background:#fafafa;}

a.round, input[type=submit].round, button.round{border-radius:4px;}



/* util button */
.btn_home_link{display:inline-block; padding-right:17px; background:url(../images/icon/icon_arrow_orange.png) right center no-repeat;}
.btn_home_link.white{background:url(../images/icon/icon_arrow_white.png) right center no-repeat;}
.btn_home_link.black{background:url(../images/icon/icon_arrow_black.png) right center no-repeat;}
.btn_plus{position:relative; display:inline-block; padding-right:15px;}
.btn_plus .icons.more{position:absolute; top:50%; right:0; margin-top:-4px;}

/* paging */
.paging_wrap{position:relative; margin-top:30px; padding:0; text-align:center; min-height:30px;}
.paging{}
.paging ol{display:inline-block; padding:0 14px}
.paging ol li{display:inline}
.paging ol li a,
.paging ol li strong{ float:left; display:block; width:28px; height:28px; font-size:16px; text-align:center; line-height:28px; color:#888; border:1px solid #c9c9c9; margin-left:-1px;}
.paging ol li .current{cursor:default; color:#fff; background:#444; border-color:#444; font-weight:400;}
.paging > a{display:inline-block; width:18px; height:30px; font-size:0; background-repeat:no-repeat; background-position:center center;}
.paging .btn_page_first{background-image:url(../images/util/btn_page_first.png);}
.paging .btn_page_prev{background-image:url(../images/util/btn_page_prev.png);}
.paging .btn_page_next{background-image:url(../images/util/btn_page_next.png);}
.paging .btn_page_end{background-image:url(../images/util/btn_page_end.png);}




/* ******************************************************
	05. pop
*******************************************************/
.pop_wrap{position:fixed; top:0; left:0; right:0; bottom:0; text-align:left; z-index:999999; display:none; background:rgba(0,0,0,0.6); overflow-y:auto; -webkit-overflow-scrolling:touch;}
.pop_wrap > div{display:table; width:100%; height:100%; table-layout:fixed}
.pop_wrap > div > div{display:table-cell; width:100%; vertical-align:middle; padding:30px 0;}
.pop_wrap .btn_page_wrap{margin-top:30px}
.pop_wrap .btn_page_wrap.small{margin-top:20px}
.pop_wrap .con_tab{margin-bottom:30px;}
.pop_data{position:relative; max-width:1010px; margin:0 auto; padding:30px; background:#fff; box-sizing:border-box;}
.pop_data.address_pop {max-width:610px;}
.pop_data.video_pop {max-width:1280px;}
.pop_data.main_video_pop{padding:0;}
.pop_data.main_video_pop .video_control{display:none !important;}
.pop_data > h3{font-size:20px; color:#333; font-weight:700; margin-bottom:30px; line-height:1;}
.btn_pop_close{position:absolute; top:30px; right:25px; display:block; width:30px; height:30px;}
.btn_pop_close:before{content:''; position:absolute; top:50%; left:50%; display:block; width:1px; height:30px; margin:-15px 0 0 -1px; background:#111; transform:rotate(45deg);}
.btn_pop_close:after{content:''; position:absolute; top:50%; left:50%; display:block; width:1px; height:30px; margin:-15px 0 0 -1px; background:#111; transform:rotate(-45deg);}

.btn_video_pop_close{position:absolute; top:-40px; right:0; display:block; width:30px; height:30px;}
.btn_video_pop_close:before{content:''; position:absolute; top:50%; left:50%; display:block; width:1px; height:30px; margin:-15px 0 0 -1px; background:#fff; transform:rotate(45deg);}
.btn_video_pop_close:after{content:''; position:absolute; top:50%; left:50%; display:block; width:1px; height:30px; margin:-15px 0 0 -1px; background:#fff; transform:rotate(-45deg);}

.btn_agree_pop_close{position:absolute; top:-1px; right:-1px; display:block; width:40px; height:40px; border:1px solid #888;}
.btn_agree_pop_close:before{content:''; position:absolute; top:50%; left:50%; display:block; width:2px; height:22px; margin:-11px 0 0 -1px; background:#888; transform:rotate(45deg);}
.btn_agree_pop_close:after{content:''; position:absolute; top:50%; left:50%; display:block; width:2px; height:22px; margin:-11px 0 0 -1px; background:#888; transform:rotate(-45deg);}

.agree_pop{max-width:1280px; border:1px solid #888; padding:45px 50px 50px 50px;}
.agree_pop > h3 { font-size:24px; line-height:34px; font-weight:900; color:#333; margin-bottom:37px;}
.agree_pop > h3 + p {margin-bottom:25px;}
.agree_pop table.info_vertical th{font-size:18px; line-height:28px; color:#333; font-weight:700; padding:22px 10px 22px 30px;}
.agree_pop table.info_vertical td{padding:22px 25px; vertical-align:middle;}
.agree_pop .agree_pop_txt{font-size:16px; line-height:24px; color:#666;}
.agree_pop .agree_pop_txt em{font-weight:700; color:#333;}
.agree_pop .agree_pop_txt + .agree_pop_txt{margin-top:10px;}
.agree_pop .agree_bottom_info {margin-top:14px; overflow:hidden;}
.agree_pop .agree_bottom_info > span {float:left;}
.agree_pop .agree_bottom_info > button{float:right;}
.agree_pop .agree_bottom_info .desk{display:inline-block;}
.agree_pop .agree_bottom_info .mobile{display:none;}

.pop_address > div{display:none;}
.pop_address_info{font-size:16px; line-height:28px; color:#888;}
.pop_address_info .title{color:#666; font-size:17px; font-weight:700; padding:27px 0 0 0;}
.pop_address_info .title:first-child{padding-top:0;}

.pop_single_result{border-top:1px solid #888; border-bottom:1px solid #888;}
.pop_single_result > ul > li{border-top:1px solid #e6e6e6}
.pop_single_result > ul > li:first-child{border-top:none;}
.pop_single_result > ul > li > a{display:block; font-size:14px; color:#888; line-height:20px; padding:15px 20px;}

.alert_pop{position:fixed; top:50%; left:50%; width:400px; height:200px; margin:-100px 0 0 -200px; text-align:center; z-index:500; display:none;}
.alert_pop .data_wrap{padding:50px 10px; background:#fff; border:1px solid #888;}
.alert_pop .btns{margin-top:13px;}

.customer_partner{font-size:18px; color:#333; line-height:30px; margin-top:-6px;}
.customer_partner_email{font-size:18px; color:#888; line-height:30px;}
.customer_partner_email a{color:#f9a13a;}

.main_visual_pop_data{max-width:902px; padding:35px 40px 50px 40px; text-align:center;}
.main_visual_pop_data > div{display:none;}
.main_visual_pop_data h4{ font-size:36px; line-height:44px; color:#333; font-weight:900;}
.main_visual_pop_data h4 + .info{margin-top:10px;}
.main_visual_pop_data .info{font-size:17px; line-height:24px; color:#666; font-weight:500}
.main_visual_pop_data .info + h4{margin-top:9px;}
.main_visual_pop_data .picture_list{margin:47px -18px 0 -18px;}
.main_visual_pop_data .picture_list:after{content:''; display:block; clear:both;}
.main_visual_pop_data .picture_list > li{float:left; width:33.33%; padding:0 18px; box-sizing:border-box;}
.main_visual_pop_data .picture_list .obj img{border-radius:50%;}
.main_visual_pop_data .picture_list .txt{font-size:16px; line-height:24px; color:#666; margin-top:18px}
.main_visual_pop_data .btn{margin-top:45px;}

.main_pop {position:absolute; top:0; left:0; display:block; width:300px; height:300px; z-index:9999999; padding-bottom:46px;}
.main_pop .main_pop_data{position:relative; width:100%; height:100%; background:#fff; box-sizing:border-box; border:1px solid #222;}
.main_pop .btn_main_pop_close{position:absolute; bottom:0; left:0; display:block; width:100%; min-height:46px; padding:15px 20px; box-sizing:border-box; text-align:left; background:#222; line-height:1;} 
.main_pop .btn_main_pop_close button{position:absolute; top:50%; right:0; padding:0 20px; font-size:15px; line-height:46px; color:#fff; margin-top:-23px;}
.main_pop .btn_main_pop_close input{margin-right:5px; vertical-align:middle;}
.main_pop .btn_main_pop_close label{font-size:14px; color:#fff; line-height:1;}


/* ******************************************************
	06. icon
*******************************************************/
.icon_search_small_gray,
input[type=submit].icon_search_small_gray,
a.icon_search_small_gray,
button.icon_search_small_gray{display:inline-block; width:17px; height:17px; font-size:0; background-repeat:no-repeat; background-position:center center; background:url(../images/icon/icon_search_small_gray.png) center center no-repeat;}

.icons.more{position:relative; display:inline-block; width:8px; height:8px;}
.icons.more:before{content:''; display:block; position:absolute; top:50%; left:50%; width:8px; height:2px; margin:-1px 0 0 -4px; background:#f9a13a; transition:transform 0.45s ease;}
.icons.more:after{content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:8px; margin:-4px 0 0 -1px; background:#f9a13a; transition:transform 0.45s ease;}
.icons.close{position:relative; display:inline-block; width:14px; height:14px; transform:rotate(45deg);}
.icons.close:before{content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:2px; margin:-1px 0 0 -7px; transition:transform 0.45s ease;}
.icons.close:after{content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:14px; margin:-7px 0 0 -1px; transition:transform 0.45s ease;}
.icons.close.gray:before{background:#888}
.icons.close.gray:after{background:#888}
.icons.close.orange:before{background:#f9a33e}
.icons.close.orange:after{background:#f9a33e}




/*******************************************************************************
  tab
*******************************************************************************/
#product_tab{float:left;margin:2px 0 0 0;}
#product_tab ul{list-style:none; float:left; margin:0}
#product_tab li{margin-left:0px; float:left;margin:0 0 0 2px}
#product_tab .first{margin:0}

.pjt_index{}
.pjt_index dl{margin:0}
.pjt_index dt{color:#333;font-size:15pt;font-weight:bold;margin:0}
.pjt_index dd{text-align: justify;}

.pjt_index a{color:#777}
.pjt_index a:hover {cursor:pointer; color:#000; text-decoration:underline;}

.product_link{font-face:Arial,Helvetica,"돋움";color:#333;font-size:12pt;font-weight:bold;margin:20px 0 0 0}
.product_link a{font-face:Arial,Helvetica,"돋움";color:#777;font-size:11pt;font-weight:bold;}
.product_link a:hover {font-face:Arial,Helvetica,"돋움";font-size:11pt;font-weight:bold;cursor:pointer; color:#333; text-decoration:underline;}
.product_link_on {font-face:Arial,Helvetica,"돋움";color:#ff8a00;font-size:11pt;font-weight:bold;text-decoration:none;}
.product_link_on a{font-face:Arial,Helvetica,"돋움";color:#ff8a00;font-size:11pt;font-weight:bold;text-decoration:underline;}
.product_link_on a:hover {font-face:Arial,Helvetica,"돋움";font-size:11pt;font-weight:bold;cursor:pointer; color:#ff6600; text-decoration:underline;}

#pjt_titleimg{margin:40px 0 0 0}
#pjt_stitle{margin:42px 0 0 0}

#text_purad{text-align:justify;font-size:12px;line-height:1.8;margin:20px 0 0 0;}
#text_purad .text_lt{float:left;width:305px;}
#text_purad .text_rt{float:right;width:305px;}




/** margin style **/
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mr90{margin-right:90px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}

/** padding style **/
.mt-10 {margin-top: -10px !important;}
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}

.p0 {padding: 0px !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}


/* ******************************************************
	@ reponsive
*******************************************************/
@media screen and (max-width:1600px){		
	
}

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

}

@media screen and (max-width:1250px){	
	
	/* ******************************************************
		00. common
	*******************************************************/		
	#header h1{left:0; margin-left:0;}
	#header .btn_header_search{right:0; margin-right:0;}
}

@media screen and (max-width:1024px){		
	
	/* ******************************************************
		00. common
	*******************************************************/
	/*html{font-size:15px; line-height:1.6;}*/
	html{line-height:1.6;}

	.location_data {margin:-1px 30px 0 30px}

	.mobile_data{display:block;}

	#contents{padding:50px 30px 0 30px}
	#contents.full{padding-left:0; padding-right:0;}
	
	.paging > a{background-size:18px auto;}
	.paging .btn_page_first{background-image:url(../images/util/btn_page_first_x2.png);}
	.paging .btn_page_prev{background-image:url(../images/util/btn_page_prev_x2.png);}
	.paging .btn_page_next{background-image:url(../images/util/btn_page_next_x2.png);}
	.paging .btn_page_end{background-image:url(../images/util/btn_page_end_x2.png);}

	
	/* util button */
	.btn_home_link{padding-right:15px; background:url(../images/icon/icon_arrow_orange_x2.png) right center no-repeat; background-size:7px auto;}
	.btn_home_link.white{background:url(../images/icon/icon_arrow_white_x2.png) right center no-repeat; background-size:7px auto;}
	.btn_home_link.black{background:url(../images/icon/icon_arrow_black_x2.png) right center no-repeat; background-size:7px auto;}

	.img_width_100 {max-width:100%;}

	/* ******************************************************
		02. layout
	*******************************************************/
	/* header */
	#header{}
	#header:after{display:none;}
	#header h1{position:fixed; top:0; left:0; width:100%; height:54px; margin:0; z-index:1; background:#292a2e;}
	#header h1 > a{top:50%; left:15px; width:154px; height:54px; margin:-27px 0 0 0;}
	#header h1 > a:before{top:0; width:100%; height:100%; background:url(../images/common/logo_black_x2.png) left top no-repeat; background-size:100% auto;}
	/*#header h1 > a:after{background:url(../images/common/logo_white_x2.png) left top no-repeat; background-size:100% auto;}*/

	#header .btn_header_search{position:fixed; top:17.5px; right:auto; left:20px; padding-left:0; z-index:2;}
	#header .btn_header_search:before{display:none;}
	#header .btn_header_search > span:before{background:url(../images/util/btn_header_search_black_x2.png) left top no-repeat; background-size:25px auto;}
	#header .btn_header_search > span:after{background:url(../images/util/btn_header_search_white_x2.png) left top no-repeat; background-size:25px auto;}
	
	#header + #container{padding-top:54px}
	.guide_header + #container{padding-top:54px}

	.guide_header{font-size:18px; line-height:54px; height:54px}
	.guide_footer{margin:40px 0 0 0; padding:30px 20px; font-size:18px; line-height:1; height:auto}
	
	.btn_header_menu{display:block;}
	
	#gnb{position:fixed; top:0; left:100%; width:100%; height:100%; transition:left 0s 0.65s ease; z-index:5;}
	#gnb.open{left:0; transition-delay:0s}
	#gnb.open .gnb_wrap{transform: translate3d(0, 0px, 0px);}


	.other_menu{display:none;}
	.other_menu:after{content:''; display:block; clear:both}
	.other_menu > li{float:left;}
	.other_menu > li > a{display:block; font-size:14px; line-height:44px; color:#888; width:160px; text-align:center; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; margin-left:-1px;}
	#header.mobileOpen .global_menu{width:50%;}
	.global_menu{position:absolute; bottom:0; left:0; top:auto; right:auto; width:100%; height:50px; z-index:10;}
	.global_menu > li{position:relative; float:left; width:50%; padding:0; height:50px; box-sizing:border-box; border:1px solid #d5d5d5;}
	.global_menu > li:nth-child(1){/*display:none; */}
	.global_menu > li:nth-child(1) > a {color:#333; font-size:15px; font-weight:900;}
	.global_menu > li:after{display:none;}
	.global_menu > li:first-child:after{display:none;}
	.global_menu > li{border-color:#999;}
	.global_menu > li:last-child{border-left:none;}
	.global_menu > li:last-child:before{display:none;}
	.global_menu > li > a{padding:0 20px; line-height:48px;}
	.global_menu select{padding:0 20px; height:48px; font-size:15px; color:#333; background-position:right 20px center;}


	.gnb_wrap{position:absolute; top:0; right:0; bottom:0; left:0; width:auto; height:auto; border-top:1px solid #bfbfbf; margin:54px auto auto auto; background:#fff; transform: translate3d(100%, 0px, 0px); transition:transform 0.65s cubic-bezier(0.785, 0.135, 0.150, 0.860); overflow:hidden;}
	.gnb_wrap .inner{position:static; padding:0;}

	.gnb_menu{position:relative; height:100%; overflow:visible; margin-right:0; transition:margin 0.45s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	.gnb_menu.transition{transition:margin 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
	.gnb_menu:before{display:none}
	.gnb_menu:after{display:none}
	.gnb_menu .inner > ul{position:static; top:auto; right:auto;}
	.gnb_menu .inner > ul > li{float:none; border-bottom:1px solid #bfbfbf;}
	.gnb_menu .inner > ul > li > a{position:relative; color:#333; font-size:15px; line-height:49px; font-weight:900; box-sizing:border-box; padding:0 20px; transition:background 0.5s, color 0.5s ease;}
	.gnb_menu .inner > ul > li > a > span{position:absolute; top:50%; right:15px; display:block; width:12px; height:12px; margin-top:-6px;}
	.gnb_menu .inner > ul > li > a > span:before{content:''; position:absolute; top:50%; left:50%; display:block; width:12px; height:2px; margin:-1px 0 0 -6px; background:#b5b5b5; transition:transform 0.5s, background 0.5s ease;}	
	.gnb_menu .inner > ul > li > a > span:after{content:''; position:absolute; top:50%; left:50%; display:block; width:2px; height:12px; margin:-6px 0 0 -1px; background:#b5b5b5; transition:transform 0.5s, background 0.5s ease;}	
	.gnb_menu .inner > ul > li.mobileOpen > a{color:#fff; background:#f9a13a;}
	.gnb_menu .inner > ul > li.mobileOpen > a > span:before{background:#fff}
	.gnb_menu .inner > ul > li.mobileOpen > a > span:after{background:#fff; transform:rotate(90deg);}
	#header.mobileOpen .gnb_menu{margin-right:50%;}

	.snb_wrap{position:absolute; top:0; left:100%; width:100%; height:100%; box-sizing:border-box; overflow-y:auto; background:#f6f6f6; border-left:1px solid #bfbfbf;}
	.snb_wrap > ul{padding:10px 20px}
	.snb_wrap > ul > li{padding:0; border-bottom:1px solid #b5b5b5; line-height:1;}
	.snb_wrap > ul > li > a{font-size:12px; line-height:100%; color:#666; white-space:normal; padding:5px 0 7px 0; font-weight:400;}
	.snb_wrap > ul > li > a br{display:none;}
	.snb_wrap > ul > li.actived > a{color:#f9a13a;}
	.snb_wrap > ul > li > a i {padding-bottom:7px;}



	#container.main{padding-top:54px !important;}



	/* ******************************************************
		03. table
	*******************************************************/
	/* 게시판 테이블 */
	table.board_list{display:block;}
	table.board_list > colgroup,
	table.board_list > colgroup > col	{display:none;}
	table.board_list > thead,
	table.board_list > thead > tr > th{display:none;}
	table.board_list > tbody{display:block;}
	table.board_list > tbody > tr{display:block; display:flex; width:100%; align-items:center;}
	table.board_list > tbody > tr{border-top:1px solid #e6e6e6;}
	table.board_list > tbody > tr:first-child{border-top:none;}
	table.board_list > tbody > tr > td{display:none; width:0; height:auto; padding:0; font-size:13px; line-height:18px; border-left:none; flex-grow:1; overflow:hidden;}
	table.board_list .board_list_data{display:block !important; flex-grow:3}
	table.board_list .board_list_address{display:block !important; flex-grow:3; padding:15px 0;}
	table.board_list .board_list_date{display:block !important; flex-grow:1}
	table.board_list .board_list_default{display:block !important; flex-grow:1; padding:10px 0;}
	table.board_list .board_list_recruit_date{display:block !important; flex-grow:1; padding:5px 0; line-height:14px;}
	table.board_list .border_list_none{display:block !important; flex-grow:1; padding:15px 0;}
	a.btn_link{padding:15px 10px;}
	.none_list_data{padding:20px 10px}

	/* 가로 정보 반응형 테이블 */
	table.info_reponsive_horizontal{width:100%; table-layout:auto;}
	table.info_reponsive_horizontal > colgroup > col {width:auto;}
	table.info_reponsive_horizontal > thead > tr > th,
	table.info_reponsive_horizontal > tbody > tr > td{white-space:nowrap}
	.total_stock_cell > td.total_stock_cell_title{font-size:14px !important;}
	.table_bottom_info{margin-top:15px}
	.table_bottom_txt{margin-top:15px; font-size:14px; line-height:20px;}



	/* ******************************************************
		04. Button
	*******************************************************/	
	.con_tab > ul{display:flex; flex-wrap:nowrap; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling: touch;}
	.con_tab > ul > li{flex:1}
	.con_tab.overflow > ul > li{flex:0 0 auto;}
	.con_tab.overflow > ul > li > a{padding:0 20px; white-space:nowrap;}




	/* ******************************************************
		06. icon
	*******************************************************/
	.icon_search_small_gray,
	input[type=submit].icon_search_small_gray,
	a.icon_search_small_gray,
	button.icon_search_small_gray{background:url(../images/icon/icon_search_small_gray_x2.png) center center no-repeat; background-size:17px auto;}


	.main_visual_pop_data{margin:0 30px;}


	/** 모바일 탭메뉴 추가 **/
	.tab_device{width:100%; margin:10px 0 0 0; padding:0 10px; box-sizing: border-box;}
	.tab_device_ti{display:block;position:relative;padding:8px 12px;border:1px solid #ccc;background:#fff;}
	.tab_device_ti:before{content:'';display:block;position:absolute;top:50%;right:10px;width:7px;height:4px;background:url(../images/icon/icon_down.png) no-repeat;}
	.tab_device_ti.ov:before{transform:rotate(180deg)}
	
	.tab_style01{overflow:hidden;display:none;margin:0;padding-bottom:0;border:1px solid #dfdfdf;border-top:none;background:#f4f4f4;}
	.tab_style01 li{display:block;margin-bottom:1px;padding:0;border:0 !important; margin:0px}
	.tab_style01 li a{display:block;padding:3px 12px;font-size:12pt;font-weight:normal;text-align:left;border:0;background:#fff;}
	.tab_style01 li a i, .tab_device_ti i {display:inline-block; padding:0 5px 0 0; vertical-align: middle; margin-top:-5px; font-weight: bold; font-size:12pt;}
	.tab_style01 li:before{display:none !important}
	.tab_style01 li a:link,
		.tab_style01 li a:visited,
		.tab_style01 li a:active {padding:8px 15px 8px 15px;background:inherit;}
	.tab_style01 li a:hover,
		.tab_style01 li a.on:link,
		.tab_style01 li a.on:visited,
		.tab_style01 li a.on:active,
		.tab_style01 li a.on:hover,
		.tab_style01 li a.on:focus{padding:8px 15px 8px 15px;color:#fff;text-decoration:none;background:#0fa073;}
	
	.tab_style01 li a {height:auto;}	
	.tab_style01 li a:before {display:none; height:auto;}
}

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

	/* ******************************************************
		00. common
	*******************************************************/	
	/* paging */
	.paging_wrap{margin-top:20px}
	.paging ol{display:inline-block; padding:0 10px}
	.paging ol li a,
	.paging ol li strong{font-size:14px}

	.page_tab{margin-bottom:30px;}
	.con_tab{margin-bottom:30px;}

	.scroll_horizontal table{width:185% !important;}

	br.enter{display:none}

	.block.size2 {box-sizing:border-box; display:block; border-width:1px 0 0 0; border-style:solid; border-color:#e6e6e6; padding-top:20px;}





	/* ******************************************************
		02. layout
	*******************************************************/
	/* header */
	#header + #container{padding-top:54px}
	.guide_header + #container{padding-top:54px}

	/* location */
	#location{height:45px}
	.location_wrap {height:25px; box-sizing:border-box;}
	.location_data {text-align:left; margin:0 10px 0 10px}



	#contents{padding:20px 15px 0 15px}
	#contents.full{padding-left:0; padding-right:0;}

	/* footer */
	#footer{padding:20px 15px 30px 15px; text-align:center;}
	#footer .footer_wrap {padding-top:0}
	#footer address {font-size:10pt; line-height:150%; margin-top:25px; padding-top:20px; border-top:2px solid #666; text-align:left;}
	#footer address span:first-child{display:block; margin-right:0;}
	#footer address span {margin-right:15px;}
	#footer .copy {font-size:10pt; margin-top:0px; text-align:left;}
	

	/*.footer_menu_wrap{position:relative; padding-bottom:50px;}*/

	.footer_menu{position:relative; top:auto; left:auto; margin-left:1px; margin-right:-3px; margin-top:0;}
	.footer_menu > li{width:33.33%; margin-left:0; padding-left:0; margin:-1px 0 0 -1px; border:1px solid #e1e1e1; box-sizing:border-box;}
	.footer_menu > li:after{display:none;}
	.footer_menu > li:first-child{margin-left:-1px;}
	.footer_menu > li > a{font-size:12px; line-height:34px;}

	.footer_family_menu{position:static; top:auto; right:auto; font-size:0;}
	.footer_family_menu > li{display:block; float:none; margin-left:0; padding:0; position:absolute; border:1px solid #e1e1e1; box-sizing:border-box;}
	.footer_family_menu > li:after{display:none;}
	.footer_family_menu > li > a{font-size:12px; line-height:34px}	
	.footer_family_menu > li.btn_kr{width:calc(16.66% + 1px); top:35px; right:16.66%; margin:-1px 0 0 0; z-index:10;}
	.footer_family_menu > li.btn_en{width:calc(16.66% + 1px); top:35px; right:0; margin:-1px 0 0 0; z-index:10;}
	.footer_family_menu > li.btn_family{position:absolute; width:100%; bottom:0; left:0; text-align:left;}
	.footer_family_menu > li.btn_family > a{padding-left:15px}
	.footer_family_menu > li.btn_family > a > em{position:absolute; top:0; right:15px;}
	.footer_family_menu > li.btn_family:before {right:15px; font-size:12px; line-height:34px;}
	.footer_family_menu > li.btn_family select {height:34px; font-size:12px; padding:0 15px;}



	/* ******************************************************
		03. table
	*******************************************************/
	/* 가로 정보 테이블 */
	table.info_horizontal > thead > tr > th{height:20px; padding:10px 15px; font-size:14px; line-height:20px}
	table.info_horizontal > tbody > tr > td{height:20px; padding:10px 15px; font-size:14px; line-height:20px}	

	/* 입력 테이블 */
	table.input_vertical{}
	table.input_vertical colgroup,
	table.input_vertical col{display:none;}
	table.input_vertical tr:first-child{border-top:none;}
	table.input_vertical tr,
	table.input_vertical th,
	table.input_vertical td{display:block; font-size:14px; line-height:20px; border:none;}
	table.input_vertical tr{position:relative;}
	table.input_vertical th{padding:20px 0 5px 0; background:#fff; font-weight:700; line-height:1;}
	table.input_vertical td{padding:5px 0 20px 0; border-bottom:1px solid #e6e6e6;}
	table.input_vertical tr:last-child td{border-bottom:none;}

	/* 가로 정보 반응형 테이블 */
	table.info_reponsive_horizontal > thead > tr > th{height:auto; padding:13px 15px; font-size:14px; line-height:18px;}
	table.info_reponsive_horizontal > tbody > tr > td{height:auto; padding:13px 15px; font-size:14px; line-height:18px}



	/* ******************************************************
		04. button
	*******************************************************/
	.btn_page_wrap{height:auto; margin-top:20px}
	.btn_page_wrap.small{height:30px;}
	.btn_page_wrap > input[type=submit],
	.btn_page_wrap > button,
	.btn_page_wrap > a{margin:0;}

	.btn_pos_left{position:relative; top:auto; left:auto}
	.btn_pos_left > input[type=submit],
	.btn_pos_left > button,
	.btn_pos_left > a{margin-left:0px}

	.btn_pos_left + .btn_pos_right{margin-top:5px;}
	.btn_pos_right + .btn_pos_left{margin-top:5px;}

	.btn_pos_right{position:relative; top:auto; left:auto}
	.btn_pos_right > input[type=submit],
	.btn_pos_right > button,
	.btn_pos_right > a{margin-left:0px}

	.paging + .btn_pos_left{margin-top:30px;}
	.paging + .btn_pos_right{margin-top:30px;}

	.btn_page_wrap.grow{display:flex; margin-left:-2.5px; margin-right:-2.5px;}
	.btn_page_wrap.grow > input[type=submit],
	.btn_page_wrap.grow > button,
	.btn_page_wrap.grow > a{width:0; min-width:0; flex-grow:1; margin:0 2.5px;}


	/* page btn */
	a.btn_01 , input[type=submit].btn_01 , button.btn_01{display:block; min-width:0; width:100%; height:40px; padding:0 10px; margin-top:5px;}
	a.btn_01:first-child , input[type=submit].btn_01:first-child , button.btn_01:first-child{margin-top:0}

	.btn_01.btn_inline{display:inline-block; width:auto; padding:0 15px; margin-top:0;}

	a.btn_02 , input[type=submit].btn_02 , button.btn_02{display:block; min-width:0; width:100%; margin-top:5px;}
	a.btn_02:first-child , input[type=submit].btn_02:first-child , button.btn_02:first-child{margin-top:0}

	.btn_02.btn_inline{display:inline-block; width:auto; padding:0 15px; margin-top:0;}
	
	/* ******************************************************
		05. pop
	*******************************************************/
	.pop_data{padding:30px 15px; margin:0 15px;}

	.agree_pop > h3 {font-size:18px; line-height:22px; margin-bottom:25px;}
	.agree_pop > h3 + p {margin-bottom:15px;}
	.agree_pop table.info_vertical th{font-size:16px; line-height:24px; padding:15px 15px;}
	.agree_pop table.info_vertical td{padding:20px 15px; vertical-align:middle;}
	.agree_pop .agree_pop_txt{font-size:14px; line-height:20px}
	.agree_pop .agree_pop_txt + .agree_pop_txt{margin-top:7px;}
	.agree_pop .agree_bottom_info {margin-top:10px}
	.agree_pop .agree_bottom_info > span {float:none;}
	.agree_pop .agree_bottom_info > button{float:none; display:block; width:100%; margin-top:10px;}
	.agree_pop .agree_bottom_info .desk{display:none;}
	.agree_pop .agree_bottom_info .mobile{display:inline-block;}

	.main_pop {top:0 !important; left:0 !important; width:100% !important; height:auto !important; padding:0 15px; margin:70px auto auto auto; box-sizing:border-box;}
	.main_pop .btn_main_pop_close{position:relative; bottom:auto; left:auto;}

}

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

	/* ******************************************************
		03. table
	*******************************************************/
	/* 세로 정보 테이블 */
	table.info_vertical{}
	table.info_vertical colgroup,
	table.info_vertical col{display:none;}
	table.info_vertical tr,
	table.info_vertical th,
	table.info_vertical td{display:block; font-size:14px; line-height:20px}
	table.info_vertical th{padding:12px 15px; font-weight:700; border-bottom:1px solid #e6e6e6}
	table.info_vertical td{padding:12px 15px;}	



	/* ******************************************************
		04. button
	*******************************************************/	
	.page_tab{height:45px;}
	.page_tab > ul{display:flex; flex-wrap:nowrap; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling: touch; table-layout:normal;}
	.page_tab > ul > li{flex:1; display:block;}
	.page_tab.overflow > ul > li{flex:0 0 auto; display:block;}
	.page_tab.overflow > ul > li > a{padding:0 30px; white-space:nowrap;}
	.page_tab > ul > li > a{height:45px; font-size:14px; line-height:45px;}
	.page_tab > ul > li > a .d_t,
	.page_tab > ul > li > a .d_c {display:block; line-height:45px;}
	#contents .page_tab.overflow {position:relative; padding:0px;}
	#contents .page_tab.overflow .page_tab_ui {display:block;}
	/*
	#contents .page_tab.overflow .ui_next{position:absolute; top:0; right:0; display:block; width:20px; height:45px; z-index:10; font-size:0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); opacity:1;}
	#contents .page_tab.overflow .ui_prev{position:absolute; top:0; left:0; display:block; width:20px; height:45px; z-index:10; font-size:0; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); opacity:1;}
	*/
	#contents .page_tab.move_first .ui_next{opacity:1;}
	#contents .page_tab.move_first .ui_prev{opacity:0.2;}
	#contents .page_tab.move_end .ui_next{opacity:0.2;}
	#contents .page_tab.move_end .ui_prev{opacity:1;}
	#contents .page_tab.overflow .ui_prev{position:absolute; top:0; left:-5px; display:block; width:45px; height:45px; margin-top:0; z-index:10; font-size:0; background:url(../images/util/btn_sqaure_slider_prev_x2.png) center center no-repeat; box-sizing:border-box; background-size:45px auto;}
	#contents .page_tab.overflow .ui_next{position:absolute; top:0; right:-5px; display:block; width:45px; height:45px; margin-top:0; z-index:10; font-size:0; background:url(../images/util/btn_sqaure_slider_next_x2.png) center center no-repeat; box-sizing:border-box; background-size:45px auto;}

	.sub_visual .page_tab.overflow {position:relative; padding:0px;}
	.sub_visual .page_tab.overflow .page_tab_ui {display:block;}	
	.sub_visual .page_tab.move_first .ui_next{opacity:1;}
	.sub_visual .page_tab.move_first .ui_prev{opacity:0.2;}
	.sub_visual .page_tab.move_end .ui_next{opacity:0.2;}
	.sub_visual .page_tab.move_end .ui_prev{opacity:1;}
	.sub_visual .page_tab.overflow .ui_prev{position:absolute; top:0; left:-5px; display:block; width:45px; height:45px; margin-top:0; z-index:10; font-size:0; background:url(../images/util/btn_sqaure_slider_prev_x2.png) center center no-repeat; box-sizing:border-box; background-size:45px auto;}
	.sub_visual .page_tab.overflow .ui_next{position:absolute; top:0; right:-5px; display:block; width:45px; height:45px; margin-top:0; z-index:10; font-size:0; background:url(../images/util/btn_sqaure_slider_next_x2.png) center center no-repeat; box-sizing:border-box; background-size:45px auto;}



	.con_tab{height:45px;}
	.con_tab > ul{display:flex; flex-wrap:nowrap; table-layout:normal;}
	.con_tab > ul > li{flex:1; display:block;}
	.con_tab.overflow > ul > li {flex:0 0 auto; display:block;}
	.con_tab > ul > li > a{height:43px; font-size:14px; line-height:48px;}
	#contents .con_tab.overflow {position:relative; padding:0px;}
	#contents .con_tab.overflow .con_tab_ui {display:block;}
	/*
	#contents .con_tab.overflow .ui_next{position:absolute; top:0; right:0; display:block; width:20px; height:45px; z-index:10; font-size:0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); opacity:1;}
	#contents .con_tab.overflow .ui_prev{position:absolute; top:0; left:0; display:block; width:20px; height:45px; z-index:10; font-size:0; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); opacity:1;}
	*/
	#contents .con_tab.move_first .ui_next{opacity:1;}
	#contents .con_tab.move_first .ui_prev{opacity:0.2;}
	#contents .con_tab.move_end .ui_next{opacity:0.2;}
	#contents .con_tab.move_end .ui_prev{opacity:1;}
	#contents .con_tab.overflow .ui_prev{position:absolute; top:0; left:-5px; display:block; width:45px; height:45px; margin-top:0; z-index:10; font-size:0; background:url(../images/util/btn_sqaure_slider_prev_x2.png) center center no-repeat; box-sizing:border-box; background-size:45px auto;}
	#contents .con_tab.overflow .ui_next{position:absolute; top:0; right:-5px; display:block; width:45px; height:45px; margin-top:0; z-index:10; font-size:0; background:url(../images/util/btn_sqaure_slider_next_x2.png) center center no-repeat; box-sizing:border-box; background-size:45px auto;}
	
	/* ******************************************************
		05. pop
	*******************************************************/
	.alert_pop{top:0; left:0; width:100%; height:100%; margin:0;}
	.alert_pop .data_wrap{margin:0 20px; padding:30px 10px}
	.alert_pop .btns{margin-top:15px;}

	.customer_partner{font-size:16px; line-height:22px; margin-top:0px;}
	.customer_partner_email{font-size:16px; line-height:22px;}

	.pop_address_info{font-size:14px; line-height:24px}
	.pop_address_info .title{font-size:15px; padding:15px 0 0 0;}

	.pop_single_result > ul > li > a{padding:10px 15px;}

	.main_visual_pop_data{padding:40px 15px 40px 15px; margin:0 20px;}
	.main_visual_pop_data h4{font-size:20px; line-height:28px}
	.main_visual_pop_data h4 + .info{margin-top:5px;}
	.main_visual_pop_data .info{font-size:14px; line-height:20px}
	.main_visual_pop_data .info + h4{margin-top:5px;}
	.main_visual_pop_data .picture_list{margin:30px 0 0 0; padding:0 5px;}
	.main_visual_pop_data .picture_list > li{padding:0 5px}
	.main_visual_pop_data .picture_list .txt{font-size:13px; line-height:18px; margin-top:15px}
	.main_visual_pop_data .btn{margin-top:25px;}
	.main_visual_pop_data .btn_pop_close{top:15px; right:15px;}


}