/* Color Style */
:root {
	--blue: #203a91;
	--blue_on: #132b7b;
	--blue_bg: #f0f3fb; 

	--blue2: #1758e8;
	--blue2_on: #0945cb;
	--blue2_bg: #f7faff;

	--blue3: #0094f2;

	--green: #165458;
	--orange: #fe4d0a;
	
	--black: #222;
	--gray6: #666;
	--gray: #ddd;
	--grayC: #ccc;

	--gray_line: #e4e4e4;
	--gray_bg: #f6f6f6;

	
	--brown_bg: #80432f;
	--blueD_bg: #284463;
	--blueG_bg: #0c7b8f;
	--greeb_bg: #428146;
	--purple_bg: #9a80af;
	--black_bg: #222222;
	--brownL_bg: #8f837b;
	--white_bg: #fff;
	--sky_bg: #3688bc;
	--yellow_bg: #edb344;

	--Shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
	--Shadow2: 0px 0px 12px rgba(0, 0, 0, 0.3);
}

.mobile		{display:none !important;}
.tablet		{display:none !important;}
.pc			{display:block !important;}

html.lock	{position:fixed;}
#wrap		{width:100%; position:relative; padding-top:154px;}

.max_w		{width: 100%; max-width: 1560px; padding: 0 30px; margin: 0 auto;}
.cont_wrap	{padding: 0 30px;}

.pd5	{padding:5px;}

/* 헤더 */
header					{position: fixed; top: 0; width: 100%; background: #fff; z-index: 101;}
header .head			{position: relative; z-index: 10; padding-top: 20px; transition: all .1s;}
header .head:before		{content: ''; width: 100%; height: 1px; background: var(--gray_line); display: block; position: absolute; left: 0; bottom: 0;}
header .head.fix		{box-shadow: 0px 7px 13px rgb(0 0 0 / 7%);}

header .head .head_top			{display: flex; align-items: center; justify-content: space-between;}
header .head .head_top h1 a		{display: block; width: 234px; height: 30px; background: url('/img/pc/comn/logo.jpg') no-repeat 50% 50% / 234px; font-size: 0;}
#en header .head .head_top h1 a	{width: 260px; height: 33px; background: url('/en/img/pc/comn/logo.jpg') no-repeat 50% 50% / 260px;}

header .head .head_top .right				{display: flex; align-items: center; position: relative;}
header .head .head_top .right a				{color: var(--gray6); font-size: 14px; font-weight: 400; position: relative;}
header .head .head_top .right > p			{display: flex; align-items: center;}
header .head .head_top .right > p a			{padding: 0 12px;}
header .head .head_top .right > p a:hover	{text-decoration: underline; color: var(--black);}
header .head .head_top .right > p a:after	{content: ''; width: 1px; height: 10px; background: var(--gray_line); display: block; position: absolute; top: 6px; right: -1px;}

header .head .head_top .right .store span	{display: inline-block; margin-left: 6px; font-size: 12px; padding: 0 6px; line-height: 20px; min-width: 20px; height: 20px; border-radius: 20px; background: var(--orange); text-align: center; color: #fff; vertical-align: 1px;}

header .head .head_top .right .lang					{position: relative; display: flex; align-items: center;}
header .head .head_top .right .lang > a				{margin-left: 15px; padding-left: 20px; background: url('/img/pc/comn/eng.svg') no-repeat 0% 50% / 15px; font-family:"Pretendard";}
header .head .head_top .right .lang > a:hover		{text-decoration: underline; color: var(--black);}
header .head .head_top .right .lang > a span		{width: 9px; height: 7px; display: inline-block; margin-left: 7px; background: url('/img/pc/main/head_lang.svg') no-repeat 50% 50% / 9px; vertical-align: 1px;}
header .head .head_top .right .lang.on > a span		{transform: rotate(180deg); vertical-align: 2px;}

header .head .head_top .right ul					{display: none; position: absolute; left: 7px; top: 30px; background: #fff; border-radius: 5px; z-index: 1; box-shadow:var(--Shadow);}
header .head .head_top .right ul li a				{display: block; font-size: 13px; width: 56px; text-align: center; padding: 0px 0; color: #888; border-bottom: 1px solid var(--gray_line);}
header .head .head_top .right ul li a:hover			{background: var(--gray_bg); color: #222;}
header .head .head_top .right ul li:last-child a	{border-bottom: none;}

header .head .head_bottom							{display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
header .head .head_bottom .left						{display: flex; align-items: center; gap: 25px; min-width: 540px;}
header .head .head_bottom .ham_full					{margin-top: -10px;}
header .head .head_bottom .ham_full a.ham					{position: relative; display: block; width: 44px; height: 44px; border-radius: 5px; background: var(--blue); transition: all .05s; font-size: 0;}
header .head .head_bottom .ham_full a.ham:hover				{background: var(--blue_on);}
header .head .head_bottom .ham_full a.ham span				{width: 16px; height: 2px; background: #fff; display: block; position: absolute; left: 50%; margin-left:-8px;}
header .head .head_bottom .ham_full a.ham span:nth-child(1)	{top: 15px;}
header .head .head_bottom .ham_full a.ham span:nth-child(2)	{top: 21px;}
header .head .head_bottom .ham_full a.ham span:nth-child(3)	{top: 27px;}
	
header .head .head_bottom .menu									{display: flex; align-items: center;}
#en header .head .head_bottom .menu								{gap: 40px;}
header .head .head_bottom .menu > li > a						{display: block; height: 94px; line-height: 84px; padding: 0 22px; color: var(--black); font-size: 20px; font-weight: 400; transition: all .05s; position: relative;}
#en header .head .head_bottom .menu > li > a					{padding: 0;}
header .head .head_bottom .menu > li > a.on					{color: var(--blue);}
header .head .head_bottom .menu > li:hover > a				{color: var(--blue);}
header .head .head_bottom .menu > li > a:before				{content: ''; width: 0; height: 2px; background: var(--blue); display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; transition: all .2s;}
header .head .head_bottom .menu > li:hover > a:before		{width: 100%;}

header .head .head_bottom .menu .openMenu												{height: 0; overflow: hidden; position: absolute; left: 0; top: 154px; width: 100%; padding: 0 30px; background: #fff; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.06);}
header .head .head_bottom .menu > li:hover > a + .openMenu							{height: auto;}
header .head .head_bottom .menu .openMenu .depth_li									{position: relative; max-width: 1536px; border-left: 1px solid var(--gray_line); padding: 15px 0; background: url('/img/pc/main/menu_bg.svg') no-repeat right 0px bottom -10px / 294px;}
header .head .head_bottom .menu .openMenu .depth_li:before						{content: ''; width: 1px; height: 100%; display: block; position: absolute; left: 236px; top: 0; background: var(--gray_line);}
header .head .head_bottom .menu .openMenu .depth_li > li								{width: 235px;}
header .head .head_bottom .menu .openMenu .depth_li > li > a						{width: 100%; height: 42px; padding: 0 20px; display: block; font: 400 17px/42px "Pretendard", "Noto Sans KR", sans-serif; color: var(--black); transition: all .1s;}
header .head .head_bottom .menu .openMenu .depth_li > li > a.plus				{padding: 0 30px 0 20px; background: url('/img/pc/main/menu_2dep.svg') no-repeat right 15px top 50% / 6px;}
header .head .head_bottom .menu .openMenu .depth_li > li:hover > a,
header .head .head_bottom .menu .openMenu .depth_li > li.on > a					{color: var(--blue); background: rgba(213, 229, 255, 20%);}
header .head .head_bottom .menu .openMenu .depth_li > li.on > a.plus			{background: rgba(213, 229, 255, 20%) url('/img/pc/main/menu_2dep_on.svg') no-repeat right 15px top 50% / 6px;}
header .head .head_bottom .menu .openMenu .depth_li > li > a:before			{content: ''; background: #f1f1f1; width: 5px; height: 5px; border-radius: 5px; display: inline-block; margin-right: 8px; vertical-align: 4px; transition: all .1s;}
header .head .head_bottom .menu .openMenu .depth_li > li:hover > a:before,
header .head .head_bottom .menu .openMenu .depth_li > li.on > a:before		{background: var(--blue);}

header .head .head_bottom .menu .openMenu .depth_li.dep_flex			{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
header .head .head_bottom .menu .openMenu .depth_li.dep_flex:before	{display: none;}
header .head .head_bottom .menu .openMenu .depth_li.dep_flex li			{width: 100%; position: relative;}
header .head .head_bottom .menu .openMenu .depth_li.dep_flex li:nth-child(-n+3):before	{content: ''; width: 1px; height: calc(300% + 30px); background: var(--gray_line); display: block; position: absolute; right: 0; top: -15px;}

header .head .head_bottom .menu > li > a + .openMenu .depth_li > li > a + .depth_3						{display: none;}
header .head .head_bottom .menu > li:hover > a + .openMenu .depth_li > li.on > a + .depth_3				{display: flex;}

header .head .head_bottom .menu .openMenu .depth_3								{display: none; flex-wrap: wrap; align-content: baseline; height: 100%; position: absolute; top: 0; left: 235px; padding: 15px 10px;}
header .head .head_bottom .menu .openMenu .depth_3 li a						{display: block; width: 210px; color: var(--gray6); padding: 10px 10px 10px 20px; font-weight:400; font-size:16px;}
header .head .head_bottom .menu .openMenu .depth_3 li a:hover				{color: var(--blue); font-weight: 400;}
header .head .head_bottom .menu .openMenu .depth_3 li a:before				{content: '- ';}
header .head .head_bottom .menu .openMenu .depth_3 li a:hover:before	{color: var(--blue);}

header .head .head_bottom .util		{display:none; }

header .head .search_box										{position: relative; display: flex; align-items: center; max-width: 820px; width: 100%; margin-top: -20px;}
header .head .search_box.on										{display:flex !important;}
header .head .search_box .search								{position: relative; display: flex; align-items: center;  width: 100%; height: 60px; border-radius: 10px; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff),linear-gradient(90deg, #0d47ab 0%, #1264ea 100%); background-origin: border-box; background-clip: content-box, border-box;}
header .head .search_box .search .sel_box						{position: relative; width: 165px;}
header .head .search_box .search .sel_box > button				{text-align: left; display: block; width:100%; height: 54px; background: #fff; padding: 8px 35px 10px 20px; border-radius: 10px 0 0 10px; font-weight:400; font-size:16px; color: #666; position: relative;}
header .head .search_box .search .sel_box > button:after		{content: ''; width: 1px; height: 20px; background: #ddd; display: inline-block; position: absolute; right: 0; top: 17px;}
header .head .search_box .search .sel_box > button span			{width: 12px; height: 54px; display: block; position: absolute; right: 16px; top: 0px; background: url('/img/pc/main/search_sel.svg') no-repeat 50% 50% / 12px; transform: rotate(0deg);}
header .head .search_box .search .sel_box.on > button span		{transform: rotate(180deg);}

header .head .search_box .search .sel_box ul					{display: none; width: 100%; max-height: 240px; position: absolute; left: 0; top: 52px; padding: 10px 0; background: #fff; border-radius: 0 0 5px 5px; z-index: 2; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.2); overflow-y: auto;}
header .head .search_box .search .sel_box ul li a				{display: block; padding: 6px 20px; font-weight:400; font-size:16px; color: #666; transition: all .05s;}
header .head .search_box .search .sel_box ul li a:hover			{background: var(--gray_bg); color: #222;}

header .head .search_box .search .check							{position:relative; padding:8px 12px 10px; width:115px; height: 100%; display: flex; align-items: center;}
#en header .head .search_box .search .check 					{width: 225px;}
header .head .search_box .search .check input[type="checkbox"]							{position:absolute; width:1px; height: 1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
header .head .search_box .search .check input[type="checkbox"] + label					{transition:.2s; display:inline-block; position:relative; cursor:pointer; font-size:16px; font-weight:400; color:#666; padding-right: 25px;}
#en header .head .search_box .search .check input[type="checkbox"] + label 				{padding-right: 30px;}
header .head .search_box .search .check input[type="checkbox"] + label:before			{position:absolute; content: ' '; right:0; top:4px; border:1px solid #ddd; display: inline-block; width: 17px; height: 17px; line-height: 16px; text-align: center; vertical-align: middle;}
header .head .search_box .search .check input[type="checkbox"]:checked + label			{color:#000;}
header .head .search_box .search .check input[type="checkbox"]:checked + label:before	{background:var(--blue) url('/img/pc/comn/check.svg')no-repeat 55% 55%/10px; border:1px solid #233d80;}
header .head .search_box .search .check input[type="checkbox"]:hover + label			{color:#000;}
header .head .search_box .search .check input[type="checkbox"]:focus + label			{color:#000;}
header .head .search_box .search .check:after											{content: ''; width: 1px; height: 20px; background: #ddd; display: inline-block; position: absolute; right: 0; top: 17px;}

header .head .search_box .search input[type='text']		{z-index: 1; width: calc(100% - 280px); height: 54px; padding: 0 80px 0 20px; font-weight:400; font-size:15px; color: var(--black); background: #fff; border: none;}
header .head .search_box .search input::placeholder		{color: #666; font-weight:300; font-size:15px;}
header .head .search_box .search > button				{position: absolute; z-index: 1; top: -3px; right: -3px; width: 60px; height: 60px; background: url('/img/pc/main/head_search.svg') no-repeat 50% 50% / 30px, linear-gradient(145deg, #1758e8 0%, #0094f2 100%); font-size: 0; border-radius: 0 10px 10px 0;}
/* header .head .search_box .search button.search_btn		{position: absolute; z-index: 1; top: -3px; right: -3px; width: 60px; height: 60px; background: url('/img/pc/main/head_search.svg') no-repeat 50% 50% / 30px, linear-gradient(145deg, #1758e8 0%, #0094f2 100%); font-size: 0; border-radius: 0 10px 10px 0;} */

#en header .head .search_box .search input[type='text']	{width: calc(100% - 385px);}


header .head .search_box .search .search_word				{display: none; position: absolute; left: 5px; top: 57px; width: calc(100% - 10px); max-height: 240px; padding: 15px 0; background: #fff; border-radius: 0 0 10px 10px; z-index: 1; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.2); overflow-y: auto;}
header .head .search_box .search .search_word li a			{background: #fff url('/img/pc/main/search_word_icon.svg') no-repeat left 30px top 50% / 12px; display: block; padding: 0 30px 0 50px; height: 42px; color: #333; font: 500 16px/42px "Pretendard", "Noto Sans KR", sans-serif; transition: all .05s;}
header .head .search_box .search .search_word li a:hover	{background: var(--gray_bg) url('/img/pc/main/search_word_icon.svg') no-repeat left 30px top 50% / 12px;}
header .head .search_box .search .search_word li a span		{color: var(--blue); font-weight: 600;}

header .head .search_box .ui-icon.ui-icon-triangle-1-s		{display: none;}
header .head .totalSearchDiv								{width: 100%; max-width: 820px;}

/* 검색박스 */
header #search_box							{display: none; position: absolute; top: 133px; left: 0; width: 100%; background: #fff; padding: 0 50px; box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.06); z-index: 11;}
header #search_box > div					{max-width: 1536px; margin: 20px auto 40px; position: relative;}
header #search_box > div .x					{position: absolute; top: 0; right: 0; font-size: 0; width: 20px; height: 20px; background: url('/img/pc/main/search_x.svg') no-repeat 50% 50% / 20px; opacity: .4; transition: all .05s;}
header #search_box > div .x:hover			{opacity: .7;}
header #search_box.on						{z-index: 9;}

header #search_box .input_box				{position: relative; max-width: 700px; width: 100%; margin: 0 auto;}
header #search_box .input_box input			{font-weight:400; font-size:18px; min-width: 100%; height: 50px; border: none; border-bottom: 2px solid var(--black); padding: 0 52px 0 10px; color: var(--black);}
header #search_box .input_box button		{position: absolute; bottom: 1px; right: 0px; width: 50px; height: 50px; background: url('/img/pc/main/head_search.svg') no-repeat right 10px top 50% / 25px; font-size: 0;}

header #search_box .word_box				{display: flex; padding: 20px 10px 0; max-width: 700px; width: 100%; margin: 0 auto;}
header #search_box .word_box > div			{width: 50%;}
header #search_box .word_box .tit			{display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 500; margin-bottom: 10px;}
header #search_box .word_box .tit button	{color: #999; background: none; font-size:15px; transition: all .05s;}
header #search_box .word_box .tit button:hover	{color: #666;}

header #search_box .word_box .best				{position: relative; padding-right: 20px;}
header #search_box .word_box .best:after		{content: ''; width: 1px; height: 100%; background: var(--gray_line); display: block; position: absolute; top: 0; right: 0;}
header #search_box .word_box .best ul			{display: flex; flex-wrap: wrap;}
header #search_box .word_box .best ul li		{width: 50%;}
header #search_box .word_box .best ul li a		{display: block; margin-bottom: 12px; color: var(--black); font-weight:400; font-size:15px; transition: all .05s;}
header #search_box .word_box .best ul:hover li a:not(:hover)	{opacity: .6;}
header #search_box .word_box .best ul li a span	{color: var(--orange); font-weight:600; font-size:16px; font-style: italic; width: 27px; display: inline-block;}

header #search_box .word_box .time					{padding-left: 20px; max-height: 138px; overflow: hidden;}
header #search_box .word_box .time ul				{display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px;}
header #search_box .word_box .time ul li			{position: relative; }
header #search_box .word_box .time ul li a			{display: block; height: 28px; padding: 0 28px 0 15px; border: 1px solid var(--gray_line); border-radius: 50px; font-size:15px; color: var(--black); transition: all .05s;}
header #search_box .word_box .time ul li:hover a{background: var(--gray_bg);}
header #search_box .word_box .time ul li button	{position: absolute; top: 0; right: 0; width: 28px; height: 28px; background: url('/img/pc/main/word_x.svg') no-repeat right 12px top 50% / 10px; font-size: 0;}

/* 퀵메뉴 */
#quick						{position:fixed; z-index:2; left:0; top:55%; transform:translateY(-50%);}
#quick .open				{width:40px; height:430px; background:var(--blue2); border-radius:0 20px 20px 0; position:relative; left:0; box-shadow:var(--Shadow); transition:.5s;}
#quick .open	 a			{display:block; height:100%; border-radius:0 20px 20px 0; color:#fff; font-weight:400; font-size:19px; font-family:'Pretendard'}
#quick .open a span	{transform:rotate(90deg); display:block; position:absolute; top:50%; margin-top:-20px; left:-9px;}
#quick.on .open		{left:-40px;}
#quick.on .open a		{display:none;}

#quick .quickBox											{position:absolute; left:-230px; top:50%; transform:translateY(-50%); padding:25px 10px 15px; width:110px; border-radius:15px; background:var(--blue2_bg); border:solid 1px var(--blue2); box-shadow:var(--Shadow2); transition:.7s;}
#quick.on .quickBox										{left:20px;}
#quick ul.quickMenu	 li									{text-align:center; padding:15px 0; font-size:14px; line-height:1.1; font-weight:400;}
#quick ul.quickMenu	 li + li							{border-top:solid 1px #dae1ec;}
#quick ul.quickMenu	 li a								{color:#555}
#quick ul.quickMenu	 li a img						{margin:0 auto 8px; width:34px; display:block;}
#quick ul.quickMenu	 li:nth-child(2) a img		{width:38px; padding-left:5px;}
#quick .cbtn													{display:none; position:absolute; top:10px; right:10px; width:25px; height:25px; border-radius:50%; background:var(--blue2) url('/img/pc/comn/q_close.svg') no-repeat 50% 50%/9px; font-size:0; }
#quick.on .cbtn												{display:block;}	

/* 푸터 */
footer 								{border-top: 1px solid var(--gray_line); padding: 30px 0 50px; background: #fff; position:relative;}
footer .f_menu						{display: flex; justify-content: space-between;}
footer .foot > div					{word-break: keep-all; position:relative;}
footer .policy						{padding-top: 10px;}
footer .policy a					{display: inline-block; color: #666; position: relative; transition: all .05s; font-size:16px; margin:0 20px 5px 0 ; }
footer .policy a:hover				{color: #666;}
footer .policy a.blue				{color: var(--blue2); font-weight: 400;}
footer .policy a.blue:hover			{color: var(--blue2_on);}
footer .policy a:after				{content: ''; width: 4px; height: 4px; border-radius: 4px; display: inline-block; position: absolute; top: 9px; right: -15px; background: #dbdbdc;}
footer .policy a:last-child:after	{display: none;}

footer .info_box						{margin-top: 35px;}
footer .info_box li + li				{margin-top: 8px;}
footer .info_box li p					{color: #000; position: relative; font-size:16px; display: inline-block; margin-right: 20px;}
footer .info_box li p:last-child		{margin-right: 0;}
footer .info_box li p:after				{content: ''; width: 4px; height: 4px; border-radius: 4px; display: inline-block; position: absolute; top: 9px; right: -15px; background: #dbdbdc;}
footer .info_box li p:last-child:after	{display: none;}
footer .info_box li p span				{color: #666; margin-right: 8px;}

footer .sns_family						{display: flex; align-items: center; gap: 20px;}
footer .sns_family .sns a				{display: block; width: 40px; height: 40px; border-radius: 40px; background: #03c75a url('/img/pc/main/foot_blog_w.svg') no-repeat 55% 50% / 15px; font-size: 0; position: relative; transition: all .05s;}
footer .sns_family .sns a:hover			{background: #00b34f url('/img/pc/main/foot_blog_w.svg') no-repeat 55% 50% / 15px;}
/* footer .sns_family .sns a:before		{content: ''; width: 37px; height: 37px; border-radius: 40px; background: #fff; opacity: .5; display: block; position: absolute; left: 1px; top: 1px; transition: all .05s;} */
footer .sns_family .sns a:hover:before	{opacity: .3;}

footer .sns_family .family					{position: relative;}
footer .sns_family .family button			{width: 220px; height: 44px; padding: 0 35px 0 20px; font-weight:500; font-size:15px; color: var(--blue); border: 1px solid var(--blue); border-radius: 5px; background: #fff; text-align: left; position: relative;}
footer .sns_family .family button span		{width: 9px; height: 40px; background: #fff url('/img/pc/main/foot_btn.svg') no-repeat 50% 50% / 9px; display: block; position: absolute; right: 20px; top: 2px;  transform: rotate(0deg);}
footer .sns_family .family.on button span	{transform: rotate(180deg);}

footer .sns_family .family ul					{display: none; width: 100%; max-height: 130px; position: absolute; z-index:1; top: 48px; padding: 10px 0; border: 1px solid var(--blue); border-radius: 5px; background: #fff; overflow-y: auto; }
footer .sns_family .family ul li a				{display: block; color: #9baad3; font-weight:500; font-size:15px; padding: 5px 20px; transition: all .05s;}
footer .sns_family .family ul li:last-child a	{margin-bottom: 0;}
footer .sns_family .family ul li a:hover		{color: var(--blue); background: var(--blue2_bg);}

footer .copy	{font-size: 15px; color: #666; position:absolute; right:0; margin-top:-25px}

.scrollbar-style::-webkit-scrollbar						{background-color: transparent; width: 4px; border-radius: 8px}
.scrollbar-style::-webkit-scrollbar-thumb			{background-color: #dcdfe9; border-radius: 8px; transition: all .05s;}
.scrollbar-style::-webkit-scrollbar-thumb:hover	{background-color: #bbc4df;}

#en footer .foot				{display: flex; gap: 55px; align-items: center;}
#en footer .foot .logo			{min-width: 180px; height: 37px; background: url('/en/img/pc/comn/logo_footer.png') no-repeat 50% 50% / 180px;}
#en footer .foot .right			{width: 100%;}
#en footer .foot ul				{display: flex;}
#en footer .foot ul li			{position: relative; margin-right: 18px; padding-right: 18px;}
#en footer .foot ul li:after	{position: absolute; right: 0; top: 10px; content: ''; width: 4px; height: 4px; background: #b7b8ba; border-radius: 5px; display: inline-block; opacity: .5;}
#en footer .foot ul li:last-child:after	{display: none;}
#en footer .foot ul li p		{font-size: 15px; color: #666;}
#en footer .foot ul li p span	{color: #000; margin-left: 10px;}
#en footer .copy				{right: auto; margin-top: 5px; position: relative;}
#en footer .foot .mo_about		{display: none;}

/* 네비게이션 */
#navi_wrap								{background:var(--blue);}
.navigation								{display:flex; width:100%; max-width: 1560px; padding: 0 30px; margin: 0 auto;}
.navigation > li.home					{display:inline-block; width:45px; height:50px; background:url('/img/pc/comn/home.svg')no-repeat 10% 50%; margin:0; padding:0; border-right:solid 1px #ffffff4D;}
.navigation > li							{background:url('/img/pc/comn/navi_arrow.svg')no-repeat center right 25px; position:relative;  border-right:solid 1px #ffffff4D;}
.navigation > li.naviOpen > a		{font-size:16px; font-weight:400; color:#fff; padding:13px 45px 13px 25px; display:inline-block; min-width:170px;}
.navigation > li:last-child			{border-right:0;}

.navigation > li ol						{display:none;position:absolute;top: 50px;width:100%; min-width:170px;background: var(--blue);text-align: center;left: 50%;transform: translateX(-50%);overflow:hidden;z-index: 2; box-shadow:var(--Shadow)}
.navigation > li ol li a					{display:block;padding:15px 0;border-bottom:1px solid #ffffff4D; font-size:15px; color: #fff;transition:all 0.2s}
.navigation > li ol li a:hover		{background:var(--blue_on)}
.navigation > li ol li:last-child a	{border-bottom:none}

@media only screen and (max-width: 1600px){
	.max_w												{padding:0 25px;}

	#en header .head .head_bottom						{gap: 10px;}
	header .head .head_bottom .left						{gap:15px; min-width:500px;}
	#en header .head .head_bottom .left					{min-width:540px;}
	#en header .head .head_bottom .menu					{gap: 20px;}
	header .head .head_bottom .menu > li > a			{padding:0 20px; font-size:19px;}
	#en header .head .head_bottom .menu > li > a		{font-size: 18px;}
	header .head .search_box .search .sel_box			{width:130px;}
	#en header .head .search_box .search .sel_box > button		{padding: 8px 30px 10px 15px; font-size: 15px;}
	#en header .head .search_box .search .sel_box > button span	{right: 12px;}
	header .head .search_box .search input[type='text']	{width:calc(100% - 245px);}
	#en header .head .search_box .search input[type='text']	{width:calc(100% - 315px); padding: 0 65px 0 15px;}
	#en header .head .search_box .search .check									{max-width: 175px; width: 100%; line-height: 18px;}
	#en header .head .search_box .search .check input[type="checkbox"] + label	{padding-right: 26px; font-size: 15px;}
}
@media only screen and (max-width: 1200px){
	#en header .head .head_bottom .left 			{min-width: 510px;}
	#en header .head .head_bottom .menu > li > a	{font-size: 17px;}

	footer .copy	{position:revert; margin-top:25px;}
	#en footer .foot{flex-wrap: wrap; gap: 25px 55px;}
}

/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.pc			{display:none !important;}
	.mobile		{display:none !important;}
	.tablet		{display:block !important;}
	
	#wrap		{padding-top:134px;}
	.max_w	{padding:0 25px;}
	header .head .head_top h1 a			{width:210px; background-size:100%;}
	#en header .head .head_top h1 a		{width: 210px; background: url("/en/img/mo/comn/logo.jpg") no-repeat 50% 50% / 210px;}
	
	header .head .head_top .right .my,
	header .head .head_top .right .store						{display:none;}
	header .head .head_bottom .menu > li > a					{height:revert; font-size:18px; padding:0 13px;}
	header .head .head_bottom .ham_full a.ham					{margin-top:10px;}
	header .head .head_bottom .ham_full a.ham					{width:40px; height:40px;}
	header .head .head_bottom .ham_full a.ham span:nth-child(1)	{top: 13px;}
	header .head .head_bottom .ham_full a.ham span:nth-child(2)	{top: 19px;}
	header .head .head_bottom .ham_full a.ham span:nth-child(3)	{top: 25px;}

	header .head .head_bottom .left							{min-width:revert;}
	#en header .head .head_bottom .left						{min-width: auto;}
	#en header .head .head_bottom .menu						{gap: 18px;}
	#en header .head .head_bottom .menu > li > a			{font-size: 16px;}
	
	header .head .head_bottom									{margin-top:0; position: relative;}
	header .head .head_bottom .menu .openMenu	{display:none;}
	header .head .head_bottom .search_box				{display:none; position:absolute; width: calc(100% - 50px); bottom: -70px; right: 25px; max-width:revert;}
	header .head .head_bottom .search_box::before	{position:absolute; content:''; left:-25px; top:-15px; width:100dvw; height:90px; background: #fff; box-shadow:var(--Shadow);}
	
	#en header .head .search_box .search .check		{max-width: 210px;}
	
	header .head .head_bottom .util					{display:flex; }
	header .head .head_bottom .util a				{display:inline-block; font-size:0; width:26px; height:26px; margin:0 6px}
	header .head .head_bottom .util a.search		{background:url('/img/mo/comn/h_search.svg') no-repeat 50% 50% / 24px;}
	header .head .head_bottom .util button.close	{display:none; margin:0 6px; cursor:pointer; font-size:0; border:none; width:26px; height:26px; background:url('/img/mo/comn/h_close.svg') no-repeat 50% 50% / 18px;}
	header .head .head_bottom .util a.my			{background:url('/img/mo/comn/h_my.svg') no-repeat 50% 50% / 21px;}
	header .head .head_bottom .util a.store			{background:url('/img/mo/comn/h_store.svg') no-repeat 50% 50% / 24px; position:relative;}
	header .head .head_bottom .util a.store span	{position:absolute; display: inline-block; font-weight:400; font-size: 12px; padding: 0 6px; line-height: 20px; min-width: 20px; height: 20px; border-radius: 20px; background: var(--orange); text-align: center; color: #fff; right:-10px; margin-top:-5px;}
	#en header .head .head_bottom .util a.kr		{display: none;}
	
	header .head .totalSearchDiv					{position: absolute; left: 0; bottom: 0; max-width: unset;}
	
	/* 퀵메뉴 */
	#quick {display:none;}

	footer .policy a					{font-size:15px;}
	footer .info_box li p				{font-size:15px;}
	footer .copy						{font-size:14px;}
	footer .sns_family .family button	{width: 200px}
	
	#en footer						{padding: 30px 0 50px;}
	#en footer .foot				{gap: 20px 0px;}
	#en footer .foot .logo			{min-width: 120px; height: 24px; background: url('/en/img/mo/comn/logo_footer.png') no-repeat 50% 50% / 120px;}
	#en footer .foot ul				{flex-wrap: wrap; gap: 8px 0;}
	#en footer .foot ul li			{width: 100%;}
	#en footer .foot ul li:after	{display: none;}
	/* #en footer .foot ul li p span	{display: block; margin-left: 0;} */
	#en footer .copy				{margin-top: 25px;}
	
	/* 네이게이션 */
	.navigation							{padding:0;}
	.navigation > li.home				{background-position:50% 50%; width:50px; min-width:50px;}
	.navigation > li.naviOpen > a	{font-size:15px;}
	.navigation > li ol li a				{padding:10px 0;}

} /*----- TA END -----*/

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.pc			{display:none !important;}
	.tablet		{display:none !important;}
	.mobile		{display:block !important;}

	.max_w	{padding:0 15px;}
	#wrap		{padding-top:108px;}
	#en #wrap	{padding-top: 100px;}
	header .head									{padding-top:15px;}
	header .head .head_top h1 a			{width:180px;}
	#en header .head .head_top h1 a		{width: 180px; background: url("/en/img/mo/comn/logo.jpg") no-repeat 50% 50% / 180px;}
	header .head .head_top .right			{display:none;}

	header .head .head_bottom							{padding-right:0;}
	#en header .head .head_bottom						{padding-left: 0px;}
	header .head .head_bottom .left						{overflow: auto; white-space: nowrap; width: 100%; display:block; position:relative; padding:10px 0 10px 40px;}
	#en header .head .head_bottom .left					{padding:10px 0 10px 0px;}
	header .head .head_bottom .ham_full 				{position:absolute; left:0; top:20px;}
	header .head .head_bottom .ham_full a.ham	{width:34px; height:34px; margin-top:5px;}
	header .head .head_bottom .ham_full a.ham span:nth-child(1)	{top: 10px;}
	header .head .head_bottom .ham_full a.ham span:nth-child(2)	{top: 16px;}
	header .head .head_bottom .ham_full a.ham span:nth-child(3)	{top: 22px;}
	header .head .head_bottom .menu						{width:100%; overflow:auto; display:block; padding-right:5px;}
	#en header .head .head_bottom .menu					{gap: 0; padding-left: 5px;}
	header .head .head_bottom .menu > li				{position:relative; display:inline-block; width:24%; min-width:fit-content}
	#en header .head .head_bottom .menu > li			{width: 20%;}
	header .head .head_bottom .menu > li + li::before	{position:absolute; content:''; width:1px; height:10px; background:#e5e5e5; left:-1px; top:50%; margin-top:-5px;}
	header .head .head_bottom .menu > li > a			{height:revert; font-size:15px; padding:10px 5px; line-height:revert; text-align:center;}
	#en header .head .head_bottom .menu > li > a		{height:revert; font-size: 15px; padding:5px 10px; line-height:revert; text-align:center;}
	header .head .head_bottom .util						{position:absolute; top:-27px; right:15px;}
	header .head .head_bottom .util a					{width:25px; height:25px; margin:0 5px}
	header .head .head_bottom .util a.search			{background-size:21px;}
	header .head .head_bottom .util button.close		{background-size:15px;  width:25px; height:25px; margin:0 5px}
	header .head .head_bottom .util a.my				{background-size:18px;}
	header .head .head_bottom .util a.store				{background-size:22px;}
	header .head .head_bottom .util a.store span		{font-size:11px; min-width:18px; height:18px; line-height:18px;}
	#en header .head .head_bottom .util a.kr			{display: block; margin: 0 0 0 12px; background: url('/en/img/mo/comn/kr_icon.png') no-repeat 50% 50% / 22px;}
	
	header .head .totalSearchDiv						{bottom: 56px;}
	
	header .head .head_bottom .search_box				{bottom:revert; top:90px; right:15px; width:calc(100% - 30px); height:calc(100% + 30px);}
	#en header .head .head_bottom .search_box			{height: auto; top: 87px;}
	header .head .head_bottom .search_box::before		{left:-15px; height:136px}
	#en header .head .head_bottom .search_box::before	{height: 86px;}
	header .head .search_box .search					{height:revert; flex-wrap:wrap;}
	header .head .search_box .search .sel_box			{width:60%; }
	header .head .search_box .search .sel_box ul		{width: 100%; top: 50px; left: 0;}
	header .head .search_box .search .sel_box > button	{font-size:15px; border-radius:10px 0 0 0; height:50px;}
	header .head .search_box .search .sel_box ul li a,		
	header .head .search_box .search .check input[type="checkbox"] + label			{font-size:15px;}
	header .head .search_box .search .check input[type="checkbox"] + label:before	{top:2px;}
	#en header .head .search_box .search .check input[type="checkbox"] + label:before{top: calc(50% - 8.5px);}
	header .head .search_box .search .check:after			{display:none;}
	header .head .search_box .search .check					{width:40%;}
	header .head .search_box .search input[type='text']		{width:100%; border-top:solid 1px #e5e5e5; border-radius:0 0 10px 10px; height:50px; padding-right:60px;}
	header .head .search_box .search > button				{top:revert; right:0; bottom:0; width:50px; height:50px; border-radius:0 0 5px 0; background: url('/img/pc/main/head_search.svg') no-repeat 50% 50% / 20px, linear-gradient(145deg, #1758e8 0%, #0094f2 100%);}

	header .head .search_box .search .search_word			{top: 103px;}
	#en header .head .search_box .search .search_word		{top: 53px;}
	
	footer							{padding:20px 0 100px}
	footer .foot > div				{position:revert;}
	footer .policy					{padding-top:0;}
	footer .policy a				{font-size:14px;}
	footer .sns_family				{position:absolute; bottom:30px;}
	footer .info_box				{margin-top:20px}
	footer .info_box li + li		{margin-top:0;}
	footer .info_box li p			{font-size:14px;}
	footer .sns_family .family ul	{top:revert; bottom:calc(100% + 5px);}
	footer .copy					{font-size:13px;}
	
	#en footer							{padding: 20px 0 40px;}
	/* #en footer .foot					{gap: 15px 0px;} */
	#en footer .foot .mo_about			{display: flex; width: 100%;}
	#en footer .foot .mo_about a		{color: var(--gray6); font-size: 14px; font-weight: 400; position: relative;}
	#en footer .foot .mo_about a:hover	{text-decoration: underline;}
	#en footer .foot .mo_about a:after	{content: ''; width: 1px; height: 10px; background: var(--gray_line); display: inline-block; margin: 0 12px;}
	#en footer .foot .mo_about a:last-child:after	{display: none;}
	
	#en footer .foot .logo			{display: none;}
	#en footer .foot ul li			{margin-right: 0; padding-right: 0;}
	#en footer .foot ul li p		{font-size: 14px;}
	#en footer .foot ul li p span	{display: block; margin-left: 0;}
	
	/* 네이게이션 */
	.navigation > li				{width:calc(50% - 20px); background-position:center right 15px}
	.navigation > li.home			{width:45px; min-width:45px; height:45px;}
	.navigation > li.naviOpen > a	{min-width:revert; padding:10px 35px 10px 20px; width:100%;}
	.navigation > li ol				{top:45px; min-width:100%;}


} /*----- MO END -----*/

/* 전체메뉴 */
#open_full_menu								{display:none; position:fixed; top:0; left:0; z-index:15; width:100%; background:#fafafa ; text-align:left; table-layout:fixed;}
#open_full_menu	.h2_left					{position:fixed; left:0; top:0; height:100vh; width:300px; background:var(--blue); padding:30px; }
#open_full_menu	h2						{font-weight:300; font-size:28px; color:#fff;}
#open_full_menu	h2 b						{display:block; font-size:32px;}
#open_full_menu	.h2_txt					{color:#fff; font-weight:300; opacity:0.8;}

#open_full_menu button					{position:absolute; font-size:0; top:0px; right:0; width:90px; height:90px; padding:25px 30px; display:block; border:none; cursor:pointer; background:#fff url('/img/mo/comn/h_close.svg')no-repeat 50% 50%/20px; font-size:0;}

#open_full_menu	.fullbox																	{width:calc(100% - 300px); margin-left:300px; min-height:100vh !important; padding:30px 0 100px 30px; position:relative; background:url('/img/pc/main/top_bg.png') no-repeat right bottom 17%/ 485px}
#open_full_menu	.fullbox ul.menulist												{width:100%; height:100%; overflow-y:auto; padding-right:30px;}
#open_full_menu	.fullbox ul.menulist > li											{margin-bottom:50px;}
#open_full_menu	.fullbox ul.menulist > li:last-child							{margin-bottom:100px;}
#open_full_menu	.fullbox ul.menulist > li .dep01								{width:100%; font-weight:600; font-size:26px; color:#333;}
#open_full_menu	.fullbox ul.menulist > li .dep01 a							{cursor:default; width:100%; padding-left:5px; font-weight:600; font-size:26px; color:#333;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02							{width:100%; display:block; display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 > li						{width:calc(20% - 8px);}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 > li:nth-child(5n)	{clear:both;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > p					{}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > p a				{display:block; border:solid 2px var(--gray_line); background:#fff; border-radius:8px; padding:10px 10px;  font-weight:500; font-size:17px; color:#222; text-align:center; transition:all .2s;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > p a:hover,
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > p a:focus		{background:linear-gradient(90deg, var(--blue2), var(--blue3)); border-color:#fafafa; color:#fff;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > ul					{width:100%; display:block;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > ul ol				{margin-top:9px; padding-left:15px; position:relative;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > ul ol::before	{content: '- ';}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > ul ol a			{font-weight:400; font-size:16px; color:var(--gray6); transition:all .2s;}
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > ul ol a:hover,	
#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > ul ol a:focus	{color:var(--blue)}

ul.menulist::-webkit-scrollbar						{width:8px;}
ul.menulist::-webkit-scrollbar-track				{background-color:#eee;}
ul.menulist::-webkit-scrollbar-thumb				{background-color:var(--blue); border-radius: 10px;}
ul.menulist::-webkit-scrollbar-thumb:hover	{background: #222;}
ul.menulist::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment		{width:0px; height:0px; background:#222;} 

@media only screen and (max-width: 1400px){
	#open_full_menu	.h2_left					{width:280px; padding:30px;}
	#open_full_menu .fullbox					{margin-left:280px;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 > li	{width:calc(25% - 8px)}
}

@media only screen and (max-width: 1200px){
	#open_full_menu	.h2_left					{width:100%; padding:23px 30px 22px; height:revert;}
	#open_full_menu	h2						{font-size:0; margin-bottom:0}
	#open_full_menu	h2 b						{font-size:30px; }
	#open_full_menu	.h2_txt					{display:none;}
	#open_full_menu button					{background:var(--blue) url('/img/mo/comn/h_close_w.svg')no-repeat 50% 50%/20px; }

	#open_full_menu .fullbox					{margin:90px 0 0; width:100%;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 > li	{width:calc(25% - 8px)}
}
/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	#open_full_menu	.h2_left							{padding:15px 25px; height:70px;}
	#open_full_menu	h2 b								{font-size:26px;}
	#open_full_menu button							{right:0; width:70px; height:70px;}

	#open_full_menu .fullbox							{padding:25px; margin-top:70px; overflow: auto; height: calc(100dvh - 70px);}
	#open_full_menu .fullbox	a						{outline:none;}	
	#open_full_menu .fullbox ul.menulist									{padding:0; height:revert !important}
	#open_full_menu .fullbox ul.menulist > li								{margin-bottom:0;}
	#open_full_menu .fullbox ul.menulist > li .dep01 a				{padding:10px 0 10px 5px; font-size:21px; position:relative; display:block; width:100%; border-bottom:solid 1px var(--gray_line);}
	#open_full_menu .fullbox ul.menulist > li .dep01 a::after		{content:''; position:absolute; right:15px; top:50%; width:20px; height:20px; margin-top:-10px; background:url('/img/mo/comn/menu_arr.svg') no-repeat 50% 50%/ 9px; transition:.2s;}
	#open_full_menu .fullbox ul.menulist > li .dep01.on a::after	{transform:rotate(-180deg);}
	#open_full_menu .fullbox ul.menulist > li ul.dep02									{gap:0; background:#fff; margin-top:0; padding-bottom:5px;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 > li								{width:100%;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li.on							{padding-bottom:10px;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > p a							{border:none; background:none; text-align: left; font-size:17px; font-weight:400; padding:10px 15px;}
	#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > p a:hover,
	#open_full_menu	.fullbox ul.menulist > li ul.dep02 li > p a:focus				{background:revert; border-color:revert; color:#222;}
	#open_full_menu	.fullbox ul.menulist > li ul.dep02 li.on > p a					{background:linear-gradient(90deg, var(--blue2), var(--blue3)); border-color:#fafafa; color:#fff;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > p a.more				{position:relative;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > p a.more::after		{content:''; position:absolute; right:15px; top:50%; width:20px; height:20px; margin-top:-10px; background:url('/img/mo/comn/menu_arr.svg') no-repeat 50% 50%/ 9px; opacity:0.5; transition:.2s;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li.on > p a.more::after	{transform:rotate(-180deg);  background:url('/img/mo/comn/menu_arr_w.svg') no-repeat 50% 50%/ 9px; opacity:1;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > ul ol						{padding-left:30px;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	#en header .head .search_box .search .sel_box			{width: 40%;}
	#en header .head .search_box .search .check				{width: 60%;}
	#en header .head .search_box .search input[type='text']	{width: 100%;}
	
	#en header .head .search_box .search .sel_box > button						{font-size: 13px;}
	#en header .head .search_box .search .check input[type="checkbox"] + label	{font-size: 13px;}
	
	#open_full_menu	.h2_left					{padding:15px; height:60px;}
	#open_full_menu	h2 b						{font-size:21px;}
	#open_full_menu button					{right:0; width:60px; height:60px;}

 	#open_full_menu .typo .lang			{position:absolute; right:65px; top:16px; text-align:right;}
 	#open_full_menu .typo .lang a			{color:#fff; font-size:14px; font-weight:300; position:relative; padding:5px 10px 5px 30px; background:url('/img/pc/comn/eng_w.svg') no-repeat center left 7px / 15px; border-radius:20px; border:solid 1px #fff; }
	#open_full_menu .fullbox											{padding:10px 15px; margin-top:60px; background-size:80%; background-position: 110% calc(100% - 80px);  height: calc(100dvh - 60px);  min-height: calc(100dvh - 60px) !important;}
	#open_full_menu .fullbox ul.menulist > li .dep01 a					{font-size:17px;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > p a			{font-size:15px;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > ul ol		{padding-left:20px; margin-top:5px;}
	#open_full_menu .fullbox ul.menulist > li ul.dep02 li > ul ol a		{font-size:14px;}

 	#open_full_menu .login	{display:flex !important; flex-wrap:wrap; gap:5px; width:100%;}
 	#open_full_menu .login a	{display:block; width:calc(50% - 2.5px); border:solid 1px var(--gray_line); font-size:13px; color:var(--gray6); text-align:center; padding:10px 0;}
}

/* 레프트 메뉴 */
ul.lmn	{}
ul.lmn > li + li	{border-top:solid 1px #ddd;}
ul.lmn > li a		{color:#222; font-size:17px; font-weight:400; padding:15px 30px 15px 20px; display:block; position:relative; transition:.2s;}
ul.lmn > li a:focus,
ul.lmn > li a:hover{background:var(--blue_bg); text-decoration:underline;}
ul.lmn > li.on a	{color:#fff; background:var(--blue); }
ul.lmn > li.on a::after{position:absolute; content:''; width:5px; height:5px; border-right:solid 2px #fff; border-top:solid 2px #fff; transform:rotate(45deg); top:50%; margin-top:-2.5px; right:25px;}


/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	ul.lmn	{display:none;}
}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
}




.no-info		{border: 1px solid #ddd; margin-top: 10px; padding:20px; width: 100%; color: #666; font-size: 16px;}
.kssnorder_result.clearfix 									{padding-top: 20px;}
.kssnorder_result.clearfix .select-btn						{display: flex; gap: 10px;}
.kssnorder_result.clearfix .select-btn li .btn-s.bg_blu		{width: 150px; display: inline-block; padding: 10px; background-color: #203a91;}
.kssnorder_result.clearfix .select-btn li .btn-s_v02		{min-width: 160px;display: inline-block;padding: 10px;color: #fff;font-size: 15px;font-weight: 400;text-align: center; border-radius: 3px;}
.kssnorder_result.clearfix .select-btn li .btn-s_v02.blue	{background: #203a91;}
.kssnorder_result.clearfix .select-btn li .btn-s_v02.org	{background: #fe4d0a;}



/*----------------------------------------------------------------- TA -----------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	.no-info					{border: 1px solid #ddd; margin-top: 20px; padding:15px; width: 100%; color: #666; font-size: 15px;}
	.kssnorder_result.clearfix 	{padding-top: 20px;}

}

/*----------------------------------------------------------------- MO -----------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	.no-info		{font-size: 14px;}	
}