@charset "utf-8";
/* ##############################
	# �¶������� ������ 2018
	# ���̾ƿ� ��Ÿ��
############################## */

/*--------------------------------------------------------------------------------
	# ���̾ƿ�
---------------------------------------------------------------------------------*/
.wrap {position:relative; min-width:1100px; min-height:100%; overflow:hidden;}
.container {min-width:452px; padding:14px 0 30px 0; /*padding:14px 25px 30px 25px;*/}

.ico_set,
.ico_set path{color: #2C3242; fill:#2C3242;}

/*--------------------------------------------------------------------------------
	# ��ܹ��
---------------------------------------------------------------------------------*/
.bnr_first {position:relative; min-width:1100px; text-align:center; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; font-size:0;}
.bnr_first img ~ a {position:absolute; top:0; bottom:0; left:50%; margin:0 -550px; width:550px; display:block; z-index:5;background:rgba(0,0,0,0);}
.bnr_first img ~ a ~ a {left:auto;right:50%;} 
.bnr_first img ~ a:only-of-type {width:1100px;}
.bnr_first button {position:absolute; left:50%; top:0; margin-left:524px; width:0; height:26px; padding-left:26px; background-color:rgba(0,0,0, 0.2); overflow:hidden; z-index:5;}
.bnr_first button:before {content:""; position:absolute; left:50%; top:50%; width:16px; height:15px; margin:-7.5px 0 0 -8px; background-image:url("../img/common/icon_set1.png"); background-position:-480px -240px;}

/*--------------------------------------------------------------------------------
	# Header
---------------------------------------------------------------------------------*/
.header {position:relative;}
.header .logo {position:absolute; left:50%; top:57px; margin-left:-550px; z-index:5;}
.header .logo a {width:0; height:40px; padding-left:160px; background:url("../img/common/icon_set3.png") no-repeat 0 1px; display:block; overflow:hidden;}
.header.t1 {height:95px; border-bottom:1px solid #e5e5e8;}
.header.t1 .logo {top:30px;}
.header.t1 .logo a {height:35px; padding-left:190px; background-position:-760px 0;}
.header.t1 h2 {position:absolute; left:50%; top:23px; margin-left:-353px; z-index:5;}
.header.t1 h2 {padding-top:13px; padding-left:92px; height:35px; font-weight:700; font-size:16px; background:url("../img/common/icon_set3.png") no-repeat -450px -40px;}
.header.t1 h1 + h2:before {content:''; width:1px; height:25px; background-color:#c5c8cc; position:absolute; top:12px; left:0;}
/* 개편 gnb */
.header2 .logo{top:25px; }
.header2 .logo a{width: auto; }

/*--------------------------------------------------------------------------------
	# Header : ��ƿ�޴�
---------------------------------------------------------------------------------*/
.header .util {border-bottom:1px solid #cdd0d3;}
.header .util .inner {width:1100px; margin:0 auto;}
.header .util .inner:after {clear:both; content:""; display:block;}
.header .util .links {float:left;}
.header .util .user {float:right;}
.header .util .inner > ul > li {float:left;}
.header .util .inner > ul > li + li:before {content:""; float:left; margin-top:12px; width:0; height:10px; border-left:1px solid #dee0e2;}
.header .util .inner > ul > li > a {padding:0 8px; line-height:33px; color:#020219; vertical-align:top; display:inline-block;}
.header .util .inner .links li:first-child a {padding-left:0;}
.header .util .inner .user li:last-child a {padding-right:0;}
.header .util li.menu {position:relative;}
.header .util li.menu > a:after {content:""; width:9px; height:5px; margin:0 0 0 5px; background:url("../img/common/icon_set2.png") no-repeat -260px -100px; vertical-align:middle; display:inline-block;}
.header .util li.menu:hover > a {color:#22a1d5;}
.header .util li.menu:hover > a:after {background-position:-300px -80px;}
.header .util li.menu:hover ul {display:block;}
.header .util li.menu ul {position:absolute; width:118px; padding:6px 10px 7px 10px; border:1px solid #24aae1; background-color:#fff; display:none; z-index:105;}
.header .util li.menu ul li + li {margin-top:5px;}
.header .util li.menu ul a {color:#020219; letter-spacing:-0.02em;}
.header .util li.menu ul a:hover {color:#24aae1;}

/*--------------------------------------------------------------------------------
	# Header : ���հ˻�
---------------------------------------------------------------------------------*/
.header .search {position:relative; padding:18px 0 19px 0; text-align:center; border-bottom:1px solid #e5e5e8;}

/*--------------------------------------------------------------------------------
	# Header : �ñ״�óTour | Ȩ���� | �̺�Ʈ/��ȹ�� // 시그니처 로고 변경 20240202
---------------------------------------------------------------------------------*/
.header .special {position:absolute; right:50%; top:52px; margin:0 -550px 0 0; padding:8px 30px; background-color: #f4f4f4; border-radius: 50px;}
.header .special li {float:left;}
.header .special li + li {margin-left:9px;}
.header .special li + li:before {content:""; float:left; margin:8px 9px 0 0; width:1px; height:13px; border-left:1px solid rgba(0,0,0,0.2);}
.header .special a {font-size:15px; line-height:27px; color:#1E1E1C; font-weight:700; vertical-align:middle; display:inline-block;}
.header .special .signature a {position: relative; width: 0; height: 22px; margin-top: 3px; padding-left: 107px; font-size: 0; text-indent: -9999px; background: url("../img/common/icon_set3.png") -574px -50px;}
/*--------------------------------------------------------------------------------
	# Header : GNB
---------------------------------------------------------------------------------*/
.header .gnb {border-bottom:1px solid #e5e5e8;}
.header .gnb .inner {position:relative; width:1100px; margin:0 auto; padding-left:58px; font-size:0; box-sizing:border-box; z-index:100;}
.header .gnb .group, .header .gnb .group dt, .header .gnb .group dd, .header .gnb .btn_event, .header .gnb .category > li {vertical-align:middle; display:inline-block;}
.header .gnb .category > li.new a {position:relative;}
.header .gnb .category > li.new > a:before, .header .gnb .category > li ul li.new > a:before {content:''; width:13px; height:13px; background:url("../img/common/icon_set1.png") -920px -160px; position:absolute; z-index:1;}
/*** 20220930 gnb 투어&티켓 new 마크 삭제(항공팀 요청) ***/
.header .gnb .category > li.new > a:before {top:8px; right:-4px; display:none;}
/*************/
.header .gnb .category > li ul li.new > a:before {top:1px; right:-17px;}
.header .gnb .group + .group {margin-left:-10px;}
.header .gnb .group dt {width:38px; height:25px; margin:-1px 0 0 16px; padding:1px 10px 0 0; font-weight:700; font-size:13px; line-height:24px; color:#fff; text-align:center; position:relative; top:1px; overflow:hidden;}/* [M 2020-07-23] margin ����  */
.header .gnb .group dt:before {content:''; width:0; height:0; border-radius:5px; border-top:10px solid #24aae1; border-left:14px solid transparent; border-right:14px solid transparent; position:absolute; top:8px; right:-7px; z-index:-1; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
.header .gnb .group dt:after {content:''; width:38px; height:26px; background-color:#24aae1; border-radius:4px; position:absolute; top:0; left:0; z-index:-1;}
.header .gnb .group2 dt.hide {display:none;}
/* [M 2020-07-23] �߰�  */
.header .gnb .group dt.country:before {border-top:10px solid #ff464d;}
.header .gnb .group dt.country:after {background-color:#ff464d;}

/* GNB : 1���޴� */
.header .gnb .category > li + li {margin-left:4px;}
.header .gnb .category > li > a {position:relative; padding:0 9px; font-weight:700; font-size:16px; line-height:55px; color:#020219; display:block; letter-spacing:-0.02em;}/* [M 2020-09-14] padding ���� [M 2024-04-22] padding 0 11px 변경 */
.header .gnb .category > li.on > a,
.header .gnb .category > li:hover > a {color:#2096ce;}
.header .gnb .category > li.on > a:after, 
.header .gnb .category > li:hover > a:after {content:""; position:absolute; left:0; right:0; bottom:2px; height:3px; background-color:#24aae1;}
.header .gnb .category > li:hover .menu {display:table;}
.header .gnb .category .menu {position:absolute; top:55px; z-index:1; width:352px; overflow:hidden; border:1px solid #24aae1; background-color:#fff; display:none;}
.header .gnb .category .column {position:relative; width:172px; padding:17px 19px; letter-spacing:-0.02em; display:table-cell;}
.header .gnb .category .column + .column {/* width:178px; */ z-index:1; border-left:1px solid #dee0e2; background-color:#f5f6f6;}
.header .gnb .category .column > a, .header .gnb .menu_all .box > a, .header .gnb .menu_all .box > strong {font-weight:700; font-size:14px; line-height:16px; color:#2096ce; display:inline-block;}
.header .gnb .category .column .box {position:relative; min-height:230px; margin-top:7px;}
.header .gnb .category .column .box:after {clear:both; content:""; display:block;}
.header .gnb .category .column .box > div {float:left; width:148px; padding-left:20px;}
.header .gnb .category .column .box > div:first-child {padding-left:0;}
.header .gnb .category .column .box > div:last-child {width:130px;}
/* .header .gnb .category .column .box > div:not(:first-child):before {content:""; position:absolute; top:-23px; bottom:0; width:1px; margin-left:-20px; background-color:#e5e5e8;} */
.header .gnb .category .column .box > div > a {font-size:13px;}
.header .gnb .category .column .box > div > a:hover {text-decoration:underline;}
.header .gnb .category .column .box > div > ul {margin-top:2px; padding-left:8px;}
.header .gnb .category .column .box > div > ul li {position:relative; margin-top:5px;}
.header .gnb .category .column .box > div > ul li:before {content:"- "; position:absolute; left:-8px; top:0; font-size:13px; color:#7c838b;}
.header .gnb .category .column .box > div > ul li > a {color:#7c838b;}

/* GNB : 2���޴� : �⺻ */
.header .gnb .column ul {overflow:hidden;}
.header .gnb .column ul:after {clear:both; content:""; display:block;}
.header .gnb .column ul:not(.type1) li + li {margin-top:5px;}
.header .gnb .column li a {font-size:13px; color:#020219;}
.header .gnb .column li a:hover, .header .gnb .column > a:hover, .header .gnb .menu_all .box > a:hover {color:#2096ce; text-decoration:underline;}
.header .gnb .column .type1 li {float:left; margin:0 9px 0 -9px;}
.header .gnb .column .type1 li:before {content:""; width:1px; height:12px; margin:6px 4px 0 4px; background-color:#7c838b; vertical-align:top; display:inline-block;}
.header .gnb .idx12 .column .type1 li:nth-child(6){clear:both} /* �������� flaot ���� */
.header .gnb .column .type1 a {line-height:24px;}
/* GNB : 2���޴� : ����  */
.header .gnb .column ul + a {margin-top:20px;}
.header .gnb .column > a + a {margin-top:22px;}
.header .gnb .column > a + ul {clear:left; padding-top:9px;}
.header .gnb .column > a + .type1 {padding-top:7px;}
.header .gnb .column .type1 + a {margin-top:16px;}
.header .gnb .column .box > b {clear:left; font-weight:700; font-size:13px; display:block;}
.header .gnb .column .box > a + b {padding-top:12px;}
.header .gnb .column .box > b + ul {margin-top:3px;}
.header .gnb .column .box > ul + b {margin-top:10px;}

/* GNB : 3���޴� ��ġ �� �ʺ� */
.header .gnb .category .idx1 {left:57px;}
.header .gnb .category .idx2 {left:102px;}
.header .gnb .category .idx3 {left:153px;}
.header .gnb .category .idx4 {left:203px; width: 412px;} /* 6depth width 설정 */
/* .header .gnb .category .idx5 {right:0;} */ /* [M 2020-07-23] right �� ���� */
/* .header .gnb .category .idx6 {left:161px; width:846px;} sub5�� �� */
/* .header .gnb .category .idx6 {left:161px; width:646px;} sub4�� ��  */
/*.header .gnb .category .idx5 {left:161px; width:646px;}
.header .gnb .category .idx5 .column:first-child {width:634px;}
.header .gnb .category .idx5 .column + .column {width:135px;}*/
.header .gnb .category .idx5 {right:330px;}/* [M 2020-09-13] right �� ���� */
.header .gnb .category .idx6 {right:330px;}/* [M 2020-09-13] right �� ���� */
.header .gnb .category .idx7 {right:330px}/* [M 2020-09-13] right �� ���� */
.header .gnb .category .idx8 {right:0;}/* [M 2020-09-13] right �� ���� */
.header .gnb .category .idx9 {right:0;}/* [M 2020-09-13] right �� ���� */
.header .gnb .category .idx10 {right:0;}
.header .gnb .category .idx11 {right:0;}
.header .gnb .category .idx12 {right:0;}
.header .gnb .category .idx13 {right:0;}
.header .gnb .category .idx14 {right:0;}

/* GNB : �׸����� */
.header .gnb .group2 {position:absolute; right:0; top:0; padding:0 6px; border:solid #e5e5e8; background-color:#e9f6fc; border-width:0 1px;} /* [M 2020-07-23] background-color �� ���� */
.header .gnb .group2 .category > li > a {display:block; font-weight:600; font-size:15px; line-height:55px;} /* [M 2020-07-23] font-weight �� ���� */
.header .gnb .group2 .category > li.tour_icon a {position:relative;}
.header .gnb .group2 .category > li.tour_icon > a:before {content:''; width:101px; height:25px; background:url("../img/common/icon_flex.png"); position:absolute; z-index:1;}
.header .gnb .group2 .category > li.tour_icon > a:before {top: -8px; left:-10px;}
/* GNB : ��ü�޴� */
.header .gnb .menu_all {position:absolute; left:0; top:55px; right:0; border:1px solid #020219; background-color:#fff; display:none;}
.header .gnb .menu_all .bundle {position:relative; overflow-x:hidden;overflow-y:auto;}
.header .gnb .menu_all .column:nth-child(1) {width:899px; border-right:1px solid #dee0e2;}
.header .gnb .menu_all .column:nth-child(2) {position:absolute; left:899px; top:0; bottom:0; width:199px; border-left:1px solid #dee0e2; box-sizing:border-box;}
.header .gnb .menu_all .column:nth-child(2) dl dt {background-color:#f5f6f6;}
.header .gnb .menu_all dl dt {padding:9px 19px 8px; font-weight:700; font-size:17px; background-color:#eef8fd; border-bottom:1px solid #e5e5e8;}
.header .gnb .menu_all dl dd {width:100%; display:table; table-layout:fixed; box-sizing:border-box;}
.header .gnb .menu_all dl dd + dd {border-top:1px solid #e5e5e8;}
.header .gnb .menu_all dl dd .box {padding:19px; vertical-align:top; display:table-cell;}
.header .gnb .menu_all dl dd .box + .box {border-left:1px solid #dee0e2;}
.header .gnb .menu_all dl dd .box > a, .header .gnb .menu_all dl dd .box li > a {position:relative;}
.header .gnb .menu_all dl dd .box.new > a:before, .header .gnb .menu_all dl dd .box li.new > a:before {content:''; width:13px; height:13px; background:url("../img/common/icon_set1.png") -920px -160px; position:absolute; top:1px; right:-17px; z-index:1;}
.header .gnb .menu_all dl + dl {border-top:1px solid #e5e5e8;}
.header .gnb .menu_all .box ul + a, .header .gnb .menu_all .box ul + strong {margin-top:26px;}
.header .gnb .menu_all .box > a, .header .gnb .menu_all .box > strong {font-size:15px;}
.header .gnb .menu_all .box > a + a, .header .gnb .menu_all .box > a + strong {margin-top:28px;}
.header .gnb .menu_all .box > a + ul, .header .gnb .menu_all .box > strong + ul {clear:left; padding-top:10px;}
.header .gnb .menu_all .box > a + div {margin-top:10px;}
.header .gnb .menu_all .box > div:only-child {margin-top:26px;}
.header .gnb .menu_all .box > div > a {font-size:13px;}
.header .gnb .menu_all .box > div > ul {margin-top:5px; padding-left:8px;}
.header .gnb .menu_all .box > div > ul li {position:relative; margin-top:3px; font-size:13px; color:#7c838b;}
.header .gnb .menu_all .box > div > ul li:first-child {margin-top:0;}
.header .gnb .menu_all .box > div > ul li:before {content:"- "; position:absolute; left:-8px; top:0;}
.header .gnb .menu_all .box > div > ul li a {font-size:13px; color:#7c838b;}
.header .gnb .menu_all .box > div > ul li a:hover {text-decoration:underline;}
.header .gnb .menu_all .column li a:hover {color:#020219;}
.header .gnb .menu_all .etc {position:absolute; right:0; bottom:17px; width:198px; text-align:center;}
.header .gnb .menu_all .btn {width:74px; height:55px; border:1px solid #cdd0d3; border-radius:3px; text-align:center; font-size:12px !important; font-weight:700; display:inline-block;}
.header .gnb .menu_all .btn:before {content:'';display:block;margin:8px auto 3px;width:25px;height:22px;background-position:-800px -80px;}
.header .gnb .menu_all .btn + .btn {margin-left:7px;}
.header .gnb .menu_all .btn.ico2 {left:auto;right:19px;}
.header .gnb .menu_all .btn.ico2:before {background-position:-840px -80px;}
.header .gnb .menu_all [data-fn="menu_all_close"] {position:absolute; right:-40px; top:-1px; width:0; height:40px; padding-left:40px; background-color:#393992; overflow:hidden;}
.header .gnb .menu_all [data-fn="menu_all_close"]:before {content:""; position:absolute; left:50%; top:50%; width:16px; height:16px; margin:-8px 0 0 -8px; background-image:url("../img/common/icon_set1.png"); background-position:-440px -240px;}

/* GNB : ��ư : ��ü���� */
.header .gnb .btn_all {position:absolute; left:0; top:-1px; width:0; height:56px; padding-left:56px; border:solid #e5e5e8; border-width:0 1px; overflow:hidden; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.header .gnb .btn_all:before, 
.header .gnb .btn_all:after {content:""; position:absolute; left:50%; top:50%; width:20px; margin-left:-10px;}
.header .gnb .btn_all:before {height:11px; margin-top:-8.5px; border:solid #24aae1; border-width:3px 0;}
.header .gnb .btn_all:after {height:3px; margin-top:-1.5px; background-color:#24aae1;}
.header .gnb .btn_all.on {background-color:#24aae1;border-left-color:#24aae1;border-top-color:#24aae1;border-bottom-color:#24aae1;}
.header .gnb .btn_all.on:before {border-color:#fff;}
.header .gnb .btn_all.on:after {background-color:#fff;}
.header .gnb .btn_all.on + .menu_all {display:block;}

/* ######################## */
/* ######################## */
/* ######################## */
/* ######################## */
/* ######################## */


/*--------------------------------------------------------------------------------
	# Header
---------------------------------------------------------------------------------*/
.header2 {position:relative; font-family: 'Pretendard'; border-bottom: 1px solid #EBEBEB;}
.header2 > .inner{padding: 24px 10px 15px; box-sizing: border-box;}
.header2 .top{margin-bottom: 24px;}
.header2 .logo {position:absolute; left:0; top:25px; z-index:5; width: 175px;}
.header2 .logo a {width:auto; height:40px; display:block; background:url("../img/common/ot_logo.svg") no-repeat center; background-size: contain; font-size: 0;}


/*--------------------------------------------------------------------------------
	# Header : ��ƿ�޴�
---------------------------------------------------------------------------------*/
.header2 .util {float:right; width: 497px;}
.header2 .util .inner {}
.header2 .util .inner:after {clear:both; content:""; display:block;}
.header2 .util .links {float:left;}
.header2 .util .user {float:right;}
.header2 .util .inner > ul > li {float:left;}

.header2 .util .inner > ul > li > a {padding:4px 8px; line-height:33px; color:#828C94; font-weight: 400; vertical-align:top; display:inline-block;}
.header2 .util .inner .links li:first-child a {padding-left:0;}
.header2 .util .inner .user li:last-child a {padding-right:0;}
.header2 .util li.menu {position:relative;}
.header2 .util li.menu > a:after {content:""; width:9px; height:5px; margin:0 0 0 5px; background:url("../img/common/top_arr_off.svg") no-repeat center; vertical-align:middle; display:inline-block;}
.header2 .util li.menu:hover > a {color:#2F3438;}
.header2 .util li.menu:hover > a:after {background:url("../img/common/top_arr_on.svg") no-repeat center;}
.header2 .util li.menu:hover ul {display:block;}
.header2 .util li.menu ul {position:absolute; top: 38px; right: 0; width:116px; background-color:#fff; display:none; z-index:105; border:1px solid #ebebeb;}
.header2 .util li.menu ul a {color:#020219; letter-spacing:-0.02em; display: block; padding: 6px 10px;}
.header2 .util li.menu ul a:hover {background-color: #F5F7F9;}

/*--------------------------------------------------------------------------------
	# Header : 검색
---------------------------------------------------------------------------------*/
.header2 .search_wrap {position:relative; float: left; padding-left:215px; text-align:center;}
.header2 .main_search {width: 340px; position:relative;}
.header2 .main_search .inp_type2{width: 100%; background: #F5F7F9; border-radius: 300px; border: 0; border:2px solid #fff;}
.header2 .main_search .inp_type2 > input{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 40px 0 20px}
.header2 .main_search .inp_type2 > input:focus{font-weight: normal;}
.header2 .main_search .inp_type2.auto:before{display: none;}
.header2 .main_search .inp_type2.auto input{padding-left: 20px; color:#A4A7AE;}
.header2 .main_search .inp_type2 + button{display: block; width: 24px; height: 24px; position:absolute; top:50%; right: 20px; transform: translate(0, -50%); font-size: 0; background: url("../img/common/icon_serch_p.png") no-repeat center;}
.pick_area,
.word_area{width:442px; position: absolute; top:52px; z-index: 1000; border:1px solid #00B3FF !important;  background-color: #fff; border-radius: 12px; overflow: hidden !important;}
.pick_area{display: flex; flex-wrap: wrap;}
.pick_area li{position: relative;}
.pick_area li button{position:absolute; top:50%; right:0; transform: translate(0, -50%); display: inline-block; width: 12px; height: 12px; background: url('../img/common/src_recent_del.svg') no-repeat; font-size: 0;}
.pick_area dl{width: 50%; padding: 14px 20px 16px; box-sizing: border-box; color:#2C3242; border-right: 1px solid #EFEFEF;}
.pick_area dl dt{font-size: 14px; font-weight: 700;  border-bottom: 0; padding: 9px 0;}
.pick_area .box1 + .btn_txt,
.pick_area .box2 + time{color: #828C94; display: block; width: 100%; text-align: right; padding: 4px 0; font-family: 'Pretendard'; font-size: 14px; font-weight: 400;}
.pick_area [class*="box"] li a{display: inline-block; max-width: calc(100% - 12px); font-size: 14px; font-weight: 400; color: #2C3242; padding: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.2s; position: relative; line-height: 1.5; vertical-align: middle;}
.pick_area [class*="box"] li a:hover{z-index: 1;}
.pick_area [class*="box"] li a:after{content: ""; position: absolute; left: 0; bottom: 7px; height: 1px; width: 0; background: #2C3242; transition: width 0.3s;}
.pick_area [class*="box"] li a:hover:after{width: 100%; overflow: hidden;}
.pick_area .box2 li{counter-increment: item; position: relative; padding-left: 25px;}
.pick_area .box2 li:before{content: counter(item) ""; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); font-weight: 400; font-family: 'Pretendard';}
.pick_area .box2 li:nth-child(-n+3):before{color:#00B3FF;}
.pick_area dd p{margin-top: 10px; color:#A4A7AE;}
.word_area ul {padding: 14px 20px 16px; box-sizing: border-box; max-height: 170px; overflow: auto;}
.word_area ul li a{display: block; font-size: 14px; font-weight: 400; padding: 4px 0; position:relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.2s; line-height: 1.5; vertical-align: middle; position: relative; color:#181C28;}
.word_area ul li a em{position:relative; height: 100%;}
.word_area ul li a em:after{content: ""; position: absolute; left: 0; bottom: -4px; height: 1px; width: 0; background: #2C3242; transition: width 0.3s;}
.word_area ul li a em:hover:after{width: 100%; overflow: hidden;}
.word.word_area a em{display: inline;}
.word_area li em b{color:#00B3FF !important;}
.src_close{display: block; width: 100%; color: #2C3242; font-family: Pretendard; font-size: 14px; font-weight: 400; padding: 9px 20px; background-color: #F5F7F9; text-align: right;}
.word_area .txt_nothing{color:#A4A7AE; margin-top: 0;}

/*--------------------------------------------------------------------------------
	# Header : GNB
---------------------------------------------------------------------------------*/
.header2 .gnb {clear: both; padding-top: 24px;}
.header2 .gnb .inner {position:relative; width:1100px; margin:0 auto; padding-left:52px; font-size:0; box-sizing:border-box; z-index:100;}
.header2 .gnb .group, .header2 .gnb .group dt, .header2 .gnb .group dd, .header2 .gnb .btn_event, .header2 .gnb .category > li {vertical-align:middle; display:inline-block;}
.header2 .gnb .category > li.new a {position:relative;}
.header2 .gnb .category > li.new > a:before, .header2 .gnb .category > li ul li.new > a:before {content:''; width:13px; height:13px; background:url("../img/common/icon_set1.png") -920px -160px; position:absolute; z-index:1;}
/*** 20220930 gnb 투어&티켓 new 마크 삭제(항공팀 요청) ***/
.header2 .gnb .category > li.new > a:before {top:8px; right:-4px; display:none;}
/*************/
.header2 .gnb .category > li ul li.new > a:before {top:1px; right:-17px;}
.header2 .gnb .group + .group {float: right;}
.header2 .gnb .group + .group .category li{position: relative;}
.header2 .gnb .group dt:before {content:''; width:0; height:0; border-radius:5px; border-top:10px solid #24aae1; border-left:14px solid transparent; border-right:14px solid transparent; position:absolute; top:8px; right:-7px; z-index:-1; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);}
.header2 .gnb .group dt:after {content:''; width:38px; height:26px; background-color:#24aae1; border-radius:4px; position:absolute; top:0; left:0; z-index:-1;}
.header2 .gnb dt.hide {display:none;}

/* GNB : 1���޴� */
.header2 .gnb .category > li.bedge_new{position:relative;}
.header2 .gnb .category > li.bedge_new:before{content:'New'; position:absolute; top:0; left:50%; transform: translate(-50%, 0); width: 42px; text-align: center; color:#F7323F; font-size: 9px; font-weight: 600; border-radius: 100px; background:#FFE9E9;}
.header2 .gnb .category > li.bedge_new::after{content:''; width: 8px; height: 8px; position:absolute; top:10px; left:25px; background: url("../img/common/new_point.png") no-repeat;}
.header2 .gnb .category > li + li {margin-left:4px;}
.header2 .gnb .category > li > a {position:relative; padding:0 10px; font-weight:500; font-size:18px; line-height:55px; color:#2C3242; display:block; letter-spacing:-0.02em;}/* [M 2020-09-14] padding ���� [M 2024-04-22] padding 0 11px 변경 */
.header2 .gnb .category > li.on > a,
.header2 .gnb .category > li:hover > a {color:#0AA4F7;}

.header2 .gnb .category > li:hover .menu {display:table;}
.header2 .gnb .category .menu {position:absolute; top:55px; z-index:1; width:336px; overflow:hidden; background-color:#fff; display:none; border:1px solid #ebebeb;}
.header2 .gnb .group2 .category .menu{width: 120px;}
.header2 .gnb .category .column {position:relative; width:180px; letter-spacing:-0.02em; display:table-cell;}
.header2 .gnb .category .column:nth-of-type(1):before{content:''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #ebebeb;}
.header2 .gnb .category .column > a, .header2 .gnb .menu_all .box > a, .header2 .gnb .menu_all .box > strong {font-weight:700; padding: 6px 10px; font-size:12px; line-height:16px; color:#2C3242; display:inline-block; box-sizing: border-box;}
.header2 .gnb .category .column > a{width: 100%;}
.header2 .gnb .category .column .box {position:relative; min-height:230px; margin-top:7px;}
.header2 .gnb .category .column .box:after {clear:both; content:""; display:block;}
.header2 .gnb .category .column .box > div {float:left; width:148px; padding-left:20px;}
.header2 .gnb .category .column .box > div:first-child {padding-left:0;}
.header2 .gnb .category .column .box > div:last-child {width:130px;}
.header2 .gnb .category .column .box > div > a {font-size:13px;}
.header2 .gnb .category .column .box > div > a:hover {text-decoration:underline;}
.header2 .gnb .category .column .box > div > ul {margin-top:2px; padding-left:8px;}
.header2 .gnb .category .column .box > div > ul li {position:relative; margin-top:5px;}
.header2 .gnb .category .column .box > div > ul li:before {content:"- "; position:absolute; left:-8px; top:0; font-size:13px; color:#7c838b;}
.header2 .gnb .category .column .box > div > ul li > a {color:#7c838b;}

.header2 .gnb .category .column + .column {z-index:1; width: 156px;}
.header2 .gnb .category .column + .column > a{padding-top: 8px;}

/* GNB : 2���޴� : �⺻ */
.header2 .gnb .column ul {overflow:hidden;}
.header2 .gnb .column ul:after {clear:both; content:""; display:block;}

.header2 .gnb .column li a {display:block; font-size:12px; color:#2C3242; font-weight: 400; padding: 6px 10px; box-sizing: border-box;}
.header2 .gnb .column li a:hover, .header2 .gnb .column > a:hover, .header2 .gnb .menu_all .box > a:hover {background-color: #F5F7F9;}
.header2 .gnb .column .type1 li {float:left; margin:0 9px 0 -9px;}
.header2 .gnb .column .type1 li:before {content:""; width:1px; height:12px; margin:6px 4px 0 4px; background-color:#7c838b; vertical-align:top; display:inline-block;}
.header2 .gnb .idx12 .column .type1 li:nth-child(6){clear:both} 
.header2 .gnb .column .type1 a {line-height:24px;}
/* GNB : 2���޴� : ����  */
.header2 .gnb .column ul + a {margin-top:20px;}
.header2 .gnb .column > a + a {margin-top:22px;}
.header2 .gnb .column > a + ul {clear:left;}

.header2 .gnb .column > a + .type1 {padding-top:7px;}
.header2 .gnb .column .type1 + a {margin-top:16px;} 
.header2 .gnb .column .box > b {clear:left; font-weight:700; font-size:13px; display:block;}
.header2 .gnb .column .box > a + b {padding-top:12px;}
.header2 .gnb .column .box > b + ul {margin-top:3px;}
.header2 .gnb .column .box > ul + b {margin-top:10px;}

/* GNB : 3���޴� ��ġ �� �ʺ� */

/*.header2 .gnb .category .idx5 {width: 320px;}  6depth width 설정 */


/* GNB : �׸����� */
.header2 .gnb .group2 {float: right;} /* [M 2020-07-23] background-color �� ���� */
.header2 .gnb .group2 .category > li > a {display:block; font-weight:500; font-size:14px; line-height:55px; color:#6D7891; padding: 0 8px;}
.header2 .gnb .group2 .category > li > a:hover{color: #0AA4F7;}

/* GNB : ��ü�޴� */
.menu_wrap {display:flex; flex-direction:column; height:100vh; background:#fff; position:fixed; top:0; left:-520px; z-index:1001; transition:left 0.3s ease; font-family: 'Pretendard'; color: #2C3242;}
.menu_all.on .menu_wrap {left:0;}
.menu_wrap .menu_header {padding: 20px 20px 10px; border-bottom: 1px solid #eee; }
.menu_wrap .menu_list_wrap{display: flex; overflow: hidden;  height: 100vh; position: relative; z-index: 1001;}
.menu_wrap .menu_content { display: flex; flex-grow: 1; height: 0;}
.menu_wrap .main_menu_list { flex-shrink: 0; width: 279px; border-right: 1px solid #eee; transition: opacity 0.3s ease, transform 0.3s ease; transform: translateX(0); overflow: auto;}
.menu_wrap .main_menu_list.active {transform: translateX(0); opacity:1;}
.menu_wrap .main_menu_list li { padding: 12px 32px; cursor: pointer; }
.menu_wrap .main_menu_list li.menu_header_top{display: flex; justify-content: space-between; font-size: 26px; padding: 40px 32px 10px;}
.menu_wrap .main_menu_list li.menu_header_top button{display: flex; align-items: center;}
.menu_wrap .main_menu_list li span i{position:absolute; top:50%; left:0; transform: translate(0, -50%); display:inline-block; font-size: 0; width: 32px; height: 32px;}
.menu_wrap .main_menu_list li span.dep1_txt{ font-size: 16px; font-weight: 700; padding-left: 42px; position:relative;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_flight{ background:url('../img/common/menu_flight.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_tour{ background:url('../img/common/menu_tour.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_thema{ background:url('../img/common/menu_thema.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_service{ background:url('../img/common/menu_service.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li a {display: block; font-size: 16px; font-weight: 400; }
.menu_wrap .main_menu_list li:hover:not(.menu_header_top, .main_menu_header),
.menu_wrap .main_menu_list li.active { background: #F5F7F9 url('../img/common/ic_arrow_right_ou.svg') no-repeat calc(100% - 37px) center;}
.menu_wrap .sub_menu_list li:hover{ background: #F5F7F9;}
.menu_wrap .sub_menu_content {width: 240px; overflow-y: auto; overflow-x: hidden; display: none; transition: transform 0.3s ease, opacity 0.3s ease; transform: translateX(30px); opacity: 0; pointer-events: none;}
.menu_wrap .sub_menu_content.active{display: block; opacity: 1;  pointer-events: auto; transform: translateX(0); margin-top: 40px;}
.menu_wrap .sub_menu_item {display: none;}
.menu_wrap .sub_menu_item.active {display: block;  transform: translateX(0);}
.menu_wrap .sub_menu_list li a {display: block; padding: 15px 20px; text-decoration: none; font-size: 14px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.main_menu_item.active {background-color:#F5F7F9;}

.menu_overlay {position:fixed; inset:0; background:rgba(0,0,0,0.6); opacity:0; pointer-events:none; transition:opacity 0.3s; z-index:1000;}
.menu_overlay.on {opacity:1; pointer-events:auto;}

/*--------------------------------------------------------------------------------
	# SELECT :출발지 도착지 선택
--------------------------------------------------------------------------------- */
.select_box {position:relative; width:322px; font-size:0; vertical-align:middle; display:inline-block;}
.select_box:before, .select_box:after {content:''; display:block; position:absolute; z-index:2; top:50%; left:50%;}
.select_box:after {margin:-2px -7px; width:15px; height:4px; background:url("../img/common/icon_set2.png") no-repeat 0 -200px;}
.select_box:before {margin:-14px; width:24px; height:24px; background:#89939f; border:2px solid #89939f; border-radius:50%; box-shadow:0 0 0 2px #fff;}
.select_box a u {text-decoration:none;}
.select_box [class*="inp_type"], .select_box [class*="select_type"] {margin:0 4px; width:48.5%; width:-webkit-calc(50% - 4px); width:-moz-calc(50% - 4px); width:calc(50% - 4px);}
.select_box [class*="inp_type"]:first-child, .select_box [class*="select_type"]:first-child {margin-left:0;}
.select_box [class*="inp_type"]:last-child, .select_box [class*="select_type"]:last-child {margin-right:0;}

/* SELECT_BOX :입력폼 */
.select_box [class*="inp_type"].auto {padding-left:0;}
.select_box [class*="inp_type"].auto:before {display:none;}
.select_box [class*="inp_type"].auto input {padding:6px 10px; text-align:center; font-size:18px; font-weight:700; text-align:center;}
.select_box [class*="inp_type"].auto .word {max-height:272px;}
.select_box [class*="inp_type"].auto:last-child .area_city {left:calc(-100% - 11px);}
.select_box.round [class*="inp_type"].auto input:valid {padding:6px 35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;}

/* SELECT_BOX :선택박스 */
.select_box [class*="select_type"] {font-size:15px; text-align:center;}
.select_box [class*="select_type"] a {padding-top:8px; padding-bottom:9px;}
.select_box [class*="select_type"] a u {display:none;}
.select_box [class*="select_type"] .selected {padding:10px 11px;/*padding:10px 11px 11px;*/ font-size:18px; font-weight:700;}
.select_box [class*="select_type"] .selected:after {display:none;}
.select_box [class*="select_type"] .selected em, .select_box [class*="select_type"] .selected u {display:inline-block; vertical-align:bottom;}
.select_box [class*="select_type"] .selected em {overflow:hidden; max-width:68%; text-overflow:ellipsis; white-space:nowrap;}
.select_box [class*="select_type"] .selected u {margin-left:2px; font-weight:400; font-size:16px;}
.select_box [class*="select_type"] .list {padding:0; max-height:312px; border-radius:0; border-width:2px;}
.select_box [class*="select_type"] .list li {border-color:#e0e2e4;}

/* SELECT_BOX :왕복 */
.select_box.round:after {margin:-5px -7px; height:10px; background-position:-20px -200px;}

/*--------------------------------------------------------------------------------
	# FORMETC :도시선택
---------------------------------------------------------------------------------*/
.area_city2 {position:absolute;left: -50px;right: 0;top:100%;min-width:1100px;margin-top:4px;border:2px solid #24aae1;background-color:#fff;box-sizing:border-box;display:none;z-index:10;}
.area_city2.i_hotel{width:1100px}
.area_city2 ul {margin:0 !important;}
.area_city2 header {margin:0 23px; padding:13px 0 14px; width:auto;/*font-size:16px;*/font-size:17px; line-height:1.2;} /* [2019-11-13] 여행 부킹엔진 > 지역검색의 타이틀 크기로 변경 */
.area_city2 .box {max-height:1012px; padding:0 23px ; overflow-y:auto; box-sizing:border-box;}
.area_city2 .box:after {content:""; height:23px; display:block;}
.area_city2 .lately {position:relative; padding:10px 0; border-top:1px solid #5b646e;}
.area_city2 .lately h2 {display:inline-block; margin-right:13px; font-size:14px; vertical-align:middle; color:#7c838b;}
.area_city2 .lately ul {display:inline-block; vertical-align:middle;}
.area_city2 .lately ul:after {clear:both; content:""; display:block;}
.area_city2 .lately li {float:left; margin:0 8px 0 0}
.area_city2 .lately li a {padding:0 15px !important; font-size:13px; line-height:28px; color:#020219; text-align:center; border-radius:3px; background-color:#eff2f6; display:inline-block;}
.area_city2 .lately li a u {color:#5b646e; text-decoration:none;}
.area_city2 .lately li a u:before {content:""; width:1px; height:13px; margin:0 5px; background-color:#ccc; vertical-align:middle; display:inline-block;}
.area_city2 .lately > button {position:absolute; right:0; top:10px; margin-right:0;}
.area_city2 > .box > ul {overflow:hidden; border-bottom:1px solid #adb1b6; border-right:1px solid #dee0e2;}
.area_city2 > .box > ul li {float:left; position:relative; width:95px;}
.area_city2 > .box > ul li[data-country='japan'] {width:125px;}
.area_city2 > .box > ul li[data-country='oceania'], .area_city2 > .box > ul li[data-country='korea'] {width:80px;}
.area_city2 > .box > ul > li:before {content:''; display:block; position:absolute; width:1px; top:0; left:0; bottom:-500%; background:#dee0e2;}
.area_city2 > .box > ul > li > strong {display:block; height:34px; background:#8693a0; line-height:34px; font-size:14px; font-weight:700; color:#fff; text-align:center;}
.area_city2 > .box > ul > li > ul {overflow:hidden; width:100%; padding:5px 0 6px;}
.area_city2 > .box > ul > li a {display:block; padding:5px 5px 5px 5px !important; line-height:1.35; font-size:13px; color:#020219; letter-spacing:-0.05em}
.area_city2 > .box > ul > li a:hover {font-weight:700;}
.area_city2 > .box > ul > li:nth-child(3), .area_city2 > .box > ul > li:nth-child(7) {width:192px;}
.area_city2[class*="i_"] > .box > ul > li{width:118px;}
.area_city2[class*="i_"] > .box > ul li li{width:110px;}
.area_city2[class*="d_"] > .box > ul li.td_dbLine li{width:calc(50% - 6px); padding:0 3px;}
.area_city2[class*="i_"] > .box > ul > li.td_dbLine {width:223px;}
.area_city2[class*="d_"] > .box > ul > li{width:160px;}
.area_city2[class*="d_"] > .box > ul li li{width:100px;}
.area_city2[class*="d_"] > .box > ul > li.td_dbLine {width:249px;}
.area_city2 > .box > ul > li:nth-child(6) {margin:220px 0 0 -95px;}
.area_city2.d_hotel > .box > ul > li:nth-child(6),
.area_city2.i_hotel > .box > ul > li:nth-child(6){margin:0}
.area_city2 > button {position:absolute; right:23px; top:15px; width:0; height:16px; padding-left:17px; background-image:url("../img/common/icon_set1.png"); background-position:-600px -240px; overflow:hidden;}

.area_city2.t1 header {border-bottom:1px solid #5b646e;}
.area_city2.t1 .box:after {height:7px;}
.area_city2.t1 > .box {margin-top:12px; margin-left:-6px;}
.area_city2.t1 > .box > ul {display:-webkit-box; display:-ms-flexbox; display:flex; border:0;}
.area_city2.t1 > .box > ul li {float:none; width:auto;}
.area_city2.t1 > .box > ul > li {-ms-flex:1; flex:1; margin:0 !important;}
.area_city2.t1 > .box > ul > li:before {top:8px;bottom:13px;background-color:#eeeff0;}
.area_city2.t1 > .box > ul > li:first-child:before {display:none;}
.area_city2.t1 > .box > ul > li a { color:#5b646e;}
.area_city2.t1 > .box > ul > li a:hover {text-decoration:underline; font-weight:400;}
.area_city2.t1 > .box > ul > li a.on {color:#2096ce;font-weight:700;}
.area_city2.t1 > .box > ul > li > a {position:relative; padding-right:7px !important; font-size:14px; color:#020219; box-sizing:border-box;}
.area_city2.t1 > .box > ul > li > a:after {content:'';display:inline-block; margin:-3px -4px 0 6px; width:4px; height:7px; background:url("../img/common/icon_set2.png") no-repeat -80px -160px;vertical-align:middle;}
.area_city2.t1 > .box > ul > li > ul {padding-top:0;}
.area_city2.t1.open {display:block;}

/* GNB : ��ư : ��ü���� */
.header2 .menu_all_btn {position:absolute; left:0; top:50%; transform: translate(0, -50%); width:36px; height:36px; display: flex; justify-content: center; align-items: center; border-radius: 7px; border:1px solid #EBEBEB; overflow:hidden; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.header2 .gnb .category .menu.idx10{left:auto; right: 0;}

/*--------------------------------------------------------------------------------
	# CONTENT : SECTION
---------------------------------------------------------------------------------*/
[class*="panel"] {position:relative;margin:50px auto;width:1100px;}
[class*="panel"]:not(:empty):after {content:'';display:block;clear:both;}
[class*="panel"]:empty {background:#dadada;text-align:center;line-height:420px;color:#fff;}
[class*="panel"]:empty:before {content:attr(data-title);}
[class*="panel"]:empty:after {display:none;}
[class*="tit_type"] + [class*="panel"]:not(.panel1), .hide + [class*="panel"]:not(.panel1) {margin-top:0;}

.panel1 {margin-top:25px;}
.panel2 {margin:0 auto;padding:35px 0 35px;}
.panel2:before {content:'';display:block;position:absolute;top:0;bottom:0;right:-200%;left:-200%;z-index:-1;background:#f0f5fb;}
.panel2 > .inner .tit_type:first-child {margin-top:-5px;}
.panel3 {padding:30px 0;border-top:1px solid #dee0e2;border-bottom:1px solid #dee0e2;}
.panel4 {margin-top:30px;margin-bottom:30px;}
.paging + .panel2 {margin-top:20px;}

[class*="panel"].mt25{margin-top:25px}

/*--------------------------------------------------------------------------------
	# CONTENT : LAYOUT
---------------------------------------------------------------------------------*/
.content {min-height:440px;}
.content .container:after {clear:both; content:""; display:block;}
.content > .container {float:none; margin:0 auto; position:relative; padding-top:35px; width:1100px;}
.content > .container .panel2:last-child {margin-bottom:-30px;}
.content .headarea + .container.panel2 {margin-top:0;padding-top:46px;}

/*
.content > .container > .panel2 > *, .content > .container > .panel3 > * {width:1100px;margin:0 auto;}
.content > .container > .inner > .panel2 > *, .content > .container > .inner > .panel3 > * {width:820px;margin:0 auto;}
*/

/* CONTENT : ��� : ��ŷ�������� */
.content > .headarea + .container, .content > .form_search1 + .container {padding-top:0;} /* .form_search1 + .container : ���������װ����� padding-top�� �־�� ��. flight.css���� ������ */

/* CONTENT : ���� : ����޴� ���� */
.content > .inner {width:1100px; padding-bottom:35px; margin:0 auto;}
.content > .inner:after {clear:both; content:""; display:block;}
.content .lnb {float:left; width:154px; padding-top:30px;}
.content .lnb ~ .container {float:right; width:914px; padding:30px 0 0;}
.content .lnb ~ .container [class*="panel"] {width:100%;}
.content .lnb ~ .container > .tit_type:first-child {margin-top:15px;}
.content .lnb ~ .container > .tit_type5:first-child {margin-top:17px;}

/* CONTENT : ���� : �������������� */
.content:not(.member) > .container > .inner {float:left;}
.content:not(.member) > .container > .inner,
.content:not(.member) > .container > .inner .tab_type2 ul {width:820px;}
.content:not(.member) > .container > .inner [class*="panel"] {width:100%;}
.content:not(.member) > .container > .inner [class*="panel"]:first-child,
.content:not(.member) > .container > .inner .hide:first-child + [class*="panel"] {margin-top:0;}
.content > .container .aside {float:right;}
.content > .container .aside.data_pay > .area {-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;min-height:150px;background:#fff;}
/*.content > .container .data_summary ~ .aside {top:640px;height:calc(100vh - 610px);}*/

/* CONTENT : ���� : �������� : �����ù�ʳ��� */
.content > .container .aside2 {position:absolute;top:3px;right:-91px;width:80px;}

/*--------------------------------------------------------------------------------
	# �ް��޴�
---------------------------------------------------------------------------------*/
.mega_menu {position:absolute; left:50%; top:186px; width:1100px; margin:0 -550px; z-index:31;}

/* �ް��޴� : 1�𽺸޴� */
.mega_menu .list {overflow:hidden;display:table;table-layout:fixed;width:100%;}
.mega_menu .list > li {display:table-cell;text-align:center;height:38px;background:#24aae1;border:1px solid #24aae1;vertical-align:middle;}
.mega_menu .list > li:first-child {border-top-left-radius:3px;border-bottom-left-radius:3px;}
.mega_menu .list > li:last-child {border-top-right-radius:3px;border-bottom-right-radius:3px;}
.mega_menu .list > li > a {display:block;position:relative;z-index:1;margin-right:-1px;color:#fff;font-size:14px;font-weight:700;line-height:1.33;}
.mega_menu .list > li > a:before {content:""; position:absolute; left:-2px; top:50%; width:1px; height:11px; margin-top:-5px; background-color:#66c4ea;}
.mega_menu .list > li:hover, .mega_menu .list > li.on  {background:#fff;border-color:#fff;}
.mega_menu .list > li:hover > a, .mega_menu .list > li.on > a {z-index:2;background:#fff;color:#2096ce;}
.mega_menu .list > li:hover > a:before, .mega_menu .list > li.on > a:before {display:none;}
.mega_menu .list > li:hover .sub {display:table;}
.mega_menu .list > li:nth-child(8) ~ li {display:none;} /* 8�� �̻��� ��� ����� */

/* �ް��޴� : 2�𽺸޴� */
.mega_menu .sub {overflow:hidden; position:absolute; left:0; top:100%; right:0; margin-top:-2px; text-align:left; background-color:#fff;border:1px solid #fff; display:none; table-layout:fixed; width:100%; border-radius:0 0 3px 3px; box-shadow:0 10px 8px 0 rgba(0,0,0, 0.06);box-sizing:border-box;}
.mega_menu .sub > ul {overflow:hidden;display:table-cell;position:relative;padding-bottom:10px;vertical-align:top;}
.mega_menu .sub > ul > li a {display:inline-block;vertical-align:middle;}
.mega_menu .sub > ul > li a:hover {color:#2096ce;text-decoration:underline;}
.mega_menu .sub > ul > li .icon_com1 {margin:-1px -30px 0 0;}
.mega_menu .sub > ul:only-child {padding-right:262px;}
.mega_menu .sub > ul:first-child:before {content:'';display:block;position:absolute;bottom:0;left:0;right:0;z-index:2;height:20px;background:#fff;}
.mega_menu .sub > ul:first-child > li {display:inline-block;position:relative;padding:12px 19px 4px;width:264px;vertical-align:top;font-size:0;box-sizing:border-box;}
.mega_menu .sub > ul:first-child > li a {position:relative;padding:3px 4px 3px 8px;font-size:13px;}
.mega_menu .sub > ul:first-child > li li a:before {content:'';display:block;position:absolute;top:13px;left:0;width:4px; height:1px;background:#020219;}
.mega_menu .sub > ul:first-child > li > a {padding:4px 4px 4px 0;font-size:14px;}
.mega_menu .sub > ul:first-child > li:nth-child(2):before,
.mega_menu .sub > ul:first-child > li:nth-child(3):before {content:'';display:block;position:absolute;left:0;top:20px;bottom:-10000%;width:1px;background:#f2f3f4;}
.mega_menu .sub > ul:last-child:not(:only-child) {padding:10px 20px;width:218px;background:#e9f6fc;border-bottom-color:#e9f6fc;}
.mega_menu .sub > ul:last-child:not(:only-child) > li > a {padding:6px 4px 6px 0;font-size:14px;font-weight:700;}

.mega_menu.t1 .sub {background-color:#e9f6fc; border:0;}
.mega_menu.t1 .sub > ul {display:inline-block; padding-bottom:0;}
.mega_menu.t1 .sub > ul:only-child {width:100% !important; padding-right:0;}
.mega_menu.t1 .sub > ul:first-child {width:838px; max-height:440px; background-color:#fff; overflow-y:auto;} 
.mega_menu.t1 .sub > ul:first-child:before {height:15px;}
.mega_menu.t1 .sub > ul:first-child:after {content:''; display:block; clear:both;}
.mega_menu.t1 .sub > ul:first-child > li {width:calc(100% - 20px);padding:15px 0;margin-left:20px;}
.mega_menu.t1 .sub > ul:first-child > li + li {border-top:1px solid #f2f3f4;}
.mega_menu.t1 .sub > ul:first-child > li a {padding:0;font-size:14px;line-height:22px;vertical-align:top;float:left;}
.mega_menu.t1 .sub > ul:first-child > li > a {max-width:116px;}
.mega_menu.t1 .sub > ul:first-child > li > ul {width:calc(100% - 136px); line-height:16px; float:right; position:relative;}
.mega_menu.t1 .sub > ul:first-child > li > ul:before {content:''; width:1px; height:13px; background-color:#dee0e2; position:absolute; left:0; top:5px;}
.mega_menu.t1 .sub > ul:first-child > li > ul > li {padding-left:20px; display:inline-block; vertical-align:middle;}
.mega_menu.t1 .sub > ul:first-child > li > ul > li > a {padding:0; display:inline-block;}
.mega_menu.t1 .sub > ul:first-child > li li a:before,
.mega_menu.t1 .sub > ul:first-child > li:nth-child(2):before,
.mega_menu.t1 .sub > ul:first-child > li:nth-child(3):before {content:none;}
.mega_menu.t1 .sub > ul:first-child .icon_com1 {margin:4px 0 0 0;}
.mega_menu.t1 .sub > ul:last-child:not(:only-child) {max-height:420px;}
.mega_menu.t1 .sub > ul:last-child:not(:only-child) > li > a {width:auto;}
.mega_menu.t1 .sub > ul:last-child:not(:only-child) .icon_com1 {margin:-1px -30px 0 0;}


/*--------------------------------------------------------------------------------
	# ��ܿ���
---------------------------------------------------------------------------------*/
/* ��ܿ��� : �˻���� */
.headarea {background:#fff no-repeat 50% 50%; background-size:cover;}
.headarea > .inner {width:1100px; margin:0 auto;}
.headarea .title {margin-bottom:13px;font-weight:700; font-size:23px; line-height:1; color:#fff; letter-spacing:-0.05em;}
.headarea .txt:not(ul) {margin-top:-6px; font-size:15px; line-height:1.47; color:#fff; letter-spacing:-0.05em;}
.headarea[style] {position:relative;}

.content > [class*="form_search"] {margin-top:-50px;}
.content .headarea + .container,
.content .mes_loading + .container {padding-top:0;margin-top:40px;}
/*.content .calendar_type + .container {margin-top:30px;} : ���������װ��������� ���� */

/* ������ : �����ϱ� ���� */
.container.share {margin-top:58px !important;}
.container.share2 {padding-top:0 !important;margin-top:30px; position:relative;}
.container.share2 > .btn_wrap2.t1 {margin:0;top:7px;bottom:auto;}

/*--------------------------------------------------------------------------------
	# �����޴�
---------------------------------------------------------------------------------*/
.content .lnb .menu {border:1px solid #dee0e2; border-radius:3px;background:#fff;}
.content .lnb .menu h2 {position:relative; padding:17px 5px 18px 15px; font-weight:700; font-size:19px; line-height:22px; letter-spacing:-0.03em;}
.content .lnb .menu h2:before {content:""; position:absolute; left:16px; bottom:0; width:17px; height:2px; background-color:#020219;}
.content .lnb .menu > ul {margin-top:10px; padding-bottom:13px;}
.content .lnb .menu > ul li {position:relative;}
.content .lnb .menu > ul li a {position:relative;padding:10px 14px; font-size:14px; line-height:1.4; color:#020219; letter-spacing:-0.03rem; display:block;}
.content .lnb .menu > ul li a.on {font-weight:700; color:#fff;background-color:#24aae1;}
.content .lnb .menu > ul li a.on:before {content:""; position:absolute; left:-1px; top:0; right:-1px; bottom:0; border:1px solid #24aae1;}
.content .lnb .menu > ul > li > ul {overflow:hidden;opacity:0;height:0;padding-bottom:2px;}
.content .lnb .menu > ul > li > ul > li > a {padding:9px 14px 9px 26px;font-size:13px;}
.content .lnb .menu > ul > li > a:nth-last-child(2):first-child {padding-right:30px;background:none;}
.content .lnb .menu > ul > li > a:nth-last-child(2):first-child:after {content:'';display:block;position:absolute;top:50%;right:17px;width:9px;height:5px;background:url('../img/common/icon_set2.png') no-repeat -280px -100px;}
.content .lnb .menu > ul > li > a.open {font-weight:700; color:#2096ce}
.content .lnb .menu > ul > li > a.open:nth-last-child(2):first-child:after {background-position:-300px -80px;}
.content .lnb .menu > ul > li > a.open + ul {opacity:1;height:auto;padding-bottom:2px;}
.content .lnb .menu > ul > li > .select_type1 {display:block;margin:0 auto;width:calc(100% - 24px);}
.content .lnb .menu > ul > li > .select_type1 + .select_type1 {margin-top:5px;}

.content .lnb .menu + [class*="btn_type"] {margin-top:17px;}
.content .lnb > [class*="btn_type"] {width:100%;}
.content .lnb > [class*="btn_type"] + [class*="btn_type"] {margin-top:6px;}

.content .lnb > .info {margin-top:17px; padding:11px 15px; border-radius:3px; background-color:#f2f5fa;}
.content .lnb > .info dt {font-weight:700; font-size:14px;}
.content .lnb > .info dd {position:relative; padding-left:7px; font-size:13px; line-height:20px; color:#5b646e; letter-spacing:-0.02em;}
.content .lnb > .info dd:before {content:""; position:absolute; left:0; top:8px; width:2px; height:2px; border-radius:50%; background-color:#5b646e;}
.content .lnb > .info dd:first-of-type {margin-top:7px;}
.content .lnb > .info dd + dd {margin-top:6px;}
.content .lnb > .info dd b {display:block;}

.content .lnb .bnr1 {margin-top:17px;}
.content .lnb .bnr1 li + li {margin-top:10px;}

.content .container .article .tit_type1:nth-of-type(1) {padding-top:15px;}
.content .container .tab_type2,
.content .container .tab_type3, 
.content .container .tab_type7[data-tabbtn="utabview"] {margin-left:-100%;margin-right:-100%;}

.content .container.fixed article[data-tab="utabinfo"] {margin-top:83px; padding-top:59px;}
.content .container.fixed [data-sticky], 
.content .container.fixed [data-sticky-sub] {position:fixed; top:0; left:0; right:0; z-index:100; margin:0;}
.content .container.fixed [data-sticky-sub] {top:48px;}
.content .container.fixed > .inner:nth-last-child(2) [data-sticky],
.content .container.fixed > .inner:nth-last-child(2) [data-sticky-sub]{margin:0 -100%;right:280px;}

.content .aside[class*="sticky"] {position:fixed;top:0;left:50%;right:auto;bottom:0;z-index:101;margin-left:286px;}
.content .aside[class*="sticky"] [class*="select_type"] a.selected {width:186px;}
.content .aside.sticky:not(.sticky2) {height:auto !important;}
/* .content .aside.sticky2 {position:fixed;top:0;} */
/* .content .aside.sticky:not(.sticky2) {height:auto !important;}
.content .aside.sticky2 {position:absolute;top:auto;} */

.content[class*="sticky"] {padding-top:140px;}
.content[class*="sticky"] .tab_wrap {z-index:auto;}
.content[class*="sticky"] .btn_type2.ico16 {overflow:hidden;position:fixed;top:14px;right:50%;z-index:20;margin-right:-534px;padding-left:48px;padding-right:0;min-width:0;width:0;height:48px;border:0;white-space:nowrap;}
.content[class*="sticky"] .btn_type2.ico16:before {position:absolute;top:50%;left:50%;margin:-9px -10px;}
.content[class*="sticky"] [class*="layer_detail_search"].on {margin:0 -498px;top:76px;width:1048px;padding-left:23px;padding-right:23px;border:2px solid #24aae1;border-top:0;background-color:#fff;box-shadow:0 0 0 0;}
.content[class*="sticky"] [class*="layer_detail_search"] h1:before, 
.content[class*="sticky"] [class*="layer_detail_search"].on:before {display:none;}
.content[class*="sticky"] .form_detail_search2 .area:nth-of-type(even) {width:212px;}
.content[class*="sticky"] .aside_detail_search2.on {margin:0 -270px;width:820px;}
.content.sticky2 .product_type6 {padding-top:50px;}
.content.sticky2 .product_type6 .head {position:fixed;top:76px;left:50%;z-index:18;margin:0 -550px;width:1100px;border-top:0;}
.content.sticky2 .product_type6 .head:before {content:'';display:block;position:absolute;top:-1px;bottom:-1px;left:-100%;right:-100%;background:#eff2f6;border-bottom:1px solid #adb1b6;}

/* ������ػ� : 1100px ���� */
@media screen and (max-width:1110px) {
	.content[class*="sticky"] [class*="layer_detail_search"].on {left:52px;margin:0;}
	.content[class*="sticky"] .aside_detail_search2.on {left:280px;margin:0;}
	.content[class*="sticky"] .btn_type2.ico16 {left:1035px;margin:0;}
	.content .aside[class*="sticky"] {left:836px;margin:0;}
	.content.sticky2 .product_type6 .head {left:0;margin:0;}
	.content .container.fixed > .inner:nth-last-child(2) [data-sticky], 
	.content .container.fixed > .inner:nth-last-child(2) [data-sticky-sub] {position:relative;top:0;}
	.content .container.fixed article[data-tab="utabinfo"] {padding-top:0;margin-top:0;}
} 

/* IE9 */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
	.content .aside[class*="sticky"] {position:absolute;bottom:auto !important;}
} 

/*--------------------------------------------------------------------------------
	# Footer
---------------------------------------------------------------------------------*/
.footer .inner {width:1100px; margin:0 auto;}
.footer .inner:after {content:""; clear:both; display:block;}

/* Footer : ��� */
.footer .terms {padding:9px 0; background-color:#5b646e;}
.footer .terms ul, 
.footer .terms li {vertical-align:middle; display:inline-block;}
.footer .terms li + li:before {content:""; width:1px; height:12px; margin:-2px 25px 0 21px; background-color:#7c838b; vertical-align:middle; display:inline-block;}
.footer .terms li a {display:inline-block;padding:6px 0;font-size:13px; color:#fff;}
.footer .terms li a b {color:#bde5f6;}
.footer .terms .btn_ad {float:right; width:106px; font-size:13px; line-height:30px; color:#fff; text-align:center; border:1px solid #adb2b7; border-radius:3px;}

/* Footer : ���۱ǼҰ� */
.footer .olt {float:left; width:752px; padding:25px 0 22px; letter-spacing:-0.04em;color:#8d8d92}
/* .footer .olt dt {width:0; height:26px; padding-left:109px; background-image:url("../img/common/icon_set3.png"); background-position:-320px 0; overflow:hidden;} */
.footer .olt dt {width:0; height:26px; padding-left:109px; background-image:url("../img/common/icon_ci.svg"); background-position:-320px 0; overflow:hidden;}
.footer .olt dd {margin-top:20px;}
.footer .olt .company, 
.footer .olt address {overflow:hidden;}
.footer .olt .company li {vertical-align:middle; display:inline-block;}
.footer .olt .company li a {color:#8d8d92;text-decoration:underline;text-underline-position:under;}
.footer .olt .company li, 
.footer .olt address span {margin:0 13px 0 -13px;}
.footer .olt .company li:before, 
.footer .olt address span:before,
.footer .olt .area b + b:before {content:""; width:1px; height:11px; margin:0 8px 0 4px; background-color:#bdc1c5; vertical-align:middle; display:inline-block;}
.footer .olt address span {vertical-align:middle; display:inline-block;}
.footer .olt small {margin-top:10px; letter-spacing:-0.01em; display:block;}
.footer .olt .area {display:block;margin-top:1px;}
.footer .olt .area b + b{position: relative;}

/* Footer : ��Ÿ : SNS */
.footer .etc {float:right; width:348px; padding:24px 0 24px;font-size:0;}
.footer .etc .sns {margin-bottom:20px; text-align:right;}
.footer .etc .sns li {vertical-align:middle; display:inline-block;}
.footer .etc .sns li:last-child .btn_sns {margin-right:0;}
.footer .etc .sns a.btn_sns:before {background-position-y:-400px;}
.footer .etc .sns a.btn_sns:hover:before {background-position-y:-360px;}

/* Footer : ��Ÿ : �¶������� */
.footer .etc .contact {position:relative; vertical-align:top; display:inline-block; padding-top:15px; float:right;}
/* .footer .etc .contact:before {content:""; position:absolute; left:167px; top:4px; width:1px; height:94px; background-color:#e7e9ec;} */
.footer .etc .contact > dt, .footer .etc .contact > dd {width:169px;}
.footer .etc .contact > dt {font-weight:700; font-size:13px; letter-spacing:-0.03em;}
.footer .etc .contact > dd span{font-family:"Spoqa Han Sans"; font-size:25px; line-height:1.2; letter-spacing:-0.05em; display:block; margin-top:10px;}
.footer .etc .contact > dd .btn_type2 {width:100px; font-size:13px; line-height:30px; font-weight:400; margin-top:11px;}
.footer .etc .contact > dd .btn_type2:not(:hover) {color:#89939f;border-color:#d0d4d9;}
.footer .etc .contact > dd .btn_type2.arr1:after {background-position:-40px 0;}
.footer .etc .contact > dd dl {margin-top:5px;font-size:13px;}
.footer .etc .contact > dd dl:after {clear:both; content:""; display:block;}
.footer .etc .contact > dd dt {float:left; width:80px; color:#8693a0;letter-spacing:0.45em;white-space:nowrap;}
.footer .etc .contact > dd dt:first-of-type {letter-spacing:3.2em;}
.footer .etc .contact > dd dt:last-of-type {letter-spacing:0;}
.footer .etc .contact > dd dd {float:left; width:88px; text-align:right;}
.footer .etc .contact > dd  dt ~ dt, 
.footer .etc .contact > dd  dd ~ dd {margin-top:6px;}
.footer .etc .contact > dd + dt {margin-top:-98px;}
.footer .etc .contact > dd + dt , .footer .etc .contact > dd + dt + dd {margin-left:187px;}

/* Footer : ����������ũ */
.footer .slide1.partner {height:62px;background:#f3f4f5;}
.footer .slide1.partner .slide_area {overflow:hidden;position:relative;margin:0 auto;padding:0 45px;width:1100px;box-sizing:border-box;}
.footer .slide1.partner .slide_area:before,.slide1.partner .slide_area:after {content:'';display:block;position:absolute;top:0;bottom:0;z-index:1;width:60px;background:#f3f4f5;}
.footer .slide1.partner li {width:202px;}
.footer .slide1.partner li img {width:100%;}
.footer .slide1.partner .box .btn_prev, .slide1.partner .box .btn_next {top:50%; margin:-13px 0;}
.footer .slide1.partner .box .btn_prev, .slide1.partner .slide_area:before {left:0;}
.footer .slide1.partner .box .btn_next, .slide1.partner .slide_area:after {right:0;}

/*--------------------------------------------------------------------------------
	# QUICK Bar
---------------------------------------------------------------------------------*/
aside.quick_bar {position:fixed; top:0; right:0; z-index:101; width:120px; height:100%; border-left:1px solid #dee0e2; background-color:#fff;transition:right 0.5s; box-sizing:border-box;}
/*aside.quick_bar:before {content:''; position:absolute; z-index:-1; width:118px; height:100%; border-left:1px solid #dee0e2; border-right:1px solid #dee0e2;}*/
aside.quick_bar > article {position:relative;}
aside.quick_bar > dl, aside.quick_bar > ul {padding:10px 10px 11px; position:relative;}
aside.quick_bar > dl + dl, aside.quick_bar > dl + ul, aside.quick_bar > dl + article, 
aside.quick_bar > ul + dl, aside.quick_bar > ul + ul, aside.quick_bar > ul + article, 
aside.quick_bar > article + dl, aside.quick_bar > article + ul, aside.quick_bar > article + article {border-top:1px solid #dee0e2;}

/* QUICK : ��� ���� (���/����) */
aside.quick_bar .log {width:100%; padding:11px 0; border-left:1px solid #4b4bac; border-right:1px solid #4b4bac; background-color:#4b4bac; color:#fff; text-align:center; line-height:1.35; font-size:13px;}
aside.quick_bar .log > i, aside.quick_bar .log > em {margin-top:4px; color:#ffd800; text-decoration:none; display:inline-block;}
aside.quick_bar .log > i:before {content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:5px; background-image:url("../img/common/icon_set1.png"); overflow:hidden;}
aside.quick_bar .log > i.grade_f:before {background-position:-751px -91px;}
aside.quick_bar .log > i.grade_b:before {background-position:-781px -91px;}
aside.quick_bar .log > i.grade_s:before {background-position:-811px -91px;}
aside.quick_bar .log > i.grade_g:before {background-position:-841px -91px;}
aside.quick_bar .log > i.grade_p:before {background-position:-871px -91px;}
aside.quick_bar .log .btn_small2 {margin:5px 0 3px; border-color:#ffd800; color:#ffd800; background:none; font-weight:400;}
aside.quick_bar .log .btn_small2:after {background-position:-140px 0;}
aside.quick_bar .log.login:before {content:''; display:block; margin:2px auto 3px; width:19px; height:19px; background:url('../img/common/icon_set1.png') no-repeat -600px -40px;}

/* QUICK : ����/��/�˸� */
aside.quick_bar > dl {padding-top:7px;padding-bottom:8px;}
aside.quick_bar > dl > dt, aside.quick_bar > dl > dd {display:inline-block; vertical-align:middle; margin:0 -4px 0 0;}
aside.quick_bar > dl > dt {width:70%; font-weight:bold; color:#5b646e;}
aside.quick_bar > dl > dd {width:30%; text-align:right;}
aside.quick_bar > dl > dd a {display:block;padding:3px 0;font-weight:700; color:#2096ce;}

/* QUICK : �������� ��ٱ��� */
aside.quick_bar > dl > dt.cart {color:#393992; letter-spacing:-1px;}

/* QUICK : �ٷΰ��� | ��ȸ�� ������ȸ */
aside.quick_bar > ul > li + li {padding-top:6px;}
aside.quick_bar > ul > li a, aside.quick_bar .nomember a {font-weight:bold; color:#5b646e; display:block; position:relative;}
aside.quick_bar > ul > li a:after, aside.quick_bar .nomember a:after {content:''; position:absolute; top:50%; margin-top:-5px; right:0; width:6px; height:10px; background-image:url("../img/common/icon_set2.png"); background-position:-40px 0;}
aside.quick_bar .nomember {padding:10px 10px 11px; background-color:#fafafa; box-sizing:border-box; border-left:1px solid #dee0e2; border-right:1px solid #dee0e2; border-bottom:1px solid #dee0e2;}

/* QUICK : �ֱ� �� ��ǰ */
aside.quick_bar > article > h1 {padding:10px 10px 11px; color:#020219; text-align:center;}
aside.quick_bar > article > h1 > b {color:#2096ce;}

/* QUICK : �ֱ� �� ��ǰ | ����ѹ�ư */
aside.quick_bar .slide_quick {position:relative;margin-top:20px;}
aside.quick_bar .slide_quick .thumb {display:none;}
aside.quick_bar .slide_quick .box > button {position:absolute;top:-22px;width:50px; height:0; padding-top:20px; overflow:hidden; float:left;}
aside.quick_bar .slide_quick .box > button:before {content:''; position:absolute; top:50%; margin-top:-3px; left:50%; margin-left:-5px; width:10px; height:6px; background-image:url("../img/common/icon_set2.png"); overflow:hidden;}
aside.quick_bar .slide_quick .box > button.disabled {opacity:1;}
aside.quick_bar .slide_quick .box > button.btn_prev {border:1px solid #cdd0d3; border-right:0; border-radius:3px 0 0 3px;}
aside.quick_bar .slide_quick .box > button.btn_prev:before {background-position:-260px -40px;}
aside.quick_bar .slide_quick .box > button.btn_prev.disabled:before {background-position:-220px -40px;}
aside.quick_bar .slide_quick .box > button.btn_next {left:60px;right:0;border:1px solid #cdd0d3; border-radius:0 3px 3px 0;}
aside.quick_bar .slide_quick .box > button.btn_next:before {background-position:-260px -60px;}
aside.quick_bar .slide_quick .box > button.btn_next.disabled:before {background-position:-220px -60px;}
/* QUICK : �ֱ� �� ��ǰ | ��ǰ���� */
aside.quick_bar .slide_quick .box {overflow:hidden;height:479px;padding:10px;}
aside.quick_bar > article .products > li {height:163px; position:relative;}
aside.quick_bar > article .products > li > button {width:17px; padding-top:17px; height:0; background:url("../img/common/icon_set1.png") no-repeat -880px -160px; position:absolute; top:-5px; right:-5px; z-index:1; overflow:hidden; opacity:0;}
aside.quick_bar > article .products > li:hover > button {opacity:1;}
aside.quick_bar > article .products a {display:block;}
aside.quick_bar > article .products a > span {overflow:hidden;display:block;position:relative;width:100%;height:74px;border-radius:3px;}
aside.quick_bar > article .products a > span:empty {background-color:#f2f3f4;}
aside.quick_bar > article .products a > span:empty:before {transform:scale(0.7)}
aside.quick_bar > article .products a > span > img {position:absolute;top:50%;left:0;width:100%;height:auto;min-height:74px;}
aside.quick_bar > article .products a > .txt_data3[style*='background-image'] {height:74px;}
aside.quick_bar > article .products .info {padding:7px 0; margin-left:-5px; margin-right:-5px; line-height:16px;text-align:center;}
aside.quick_bar > article .products .info > strong {margin:0 auto; width:90%; max-height:32px; color:#020219; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; letter-spacing:-1px;font-weight:400;}
aside.quick_bar > article .products .info > b {color:#ff464d; letter-spacing:-1px; display:block;}
aside.quick_bar > article .products .info > time {color:#2096ce; letter-spacing:-1px; display:inline-block;}
/* QUICK : �ֱ� �� ��ǰ | ��ǰ���� */
aside.quick_bar > article .noproduct {height:489px; text-align:center;}
aside.quick_bar > article .noproduct:before {content:''; height:100%; display:inline-block; vertical-align:middle;}
aside.quick_bar > article .noproduct > span {display:inline-block; vertical-align:middle; line-height:16px; color:#5b646e;}
aside.quick_bar > article .noproduct > span:before {content:''; display:block; width:60px; height:60px; margin:0 auto 5px; background-image:url("../img/common/icon_set1.png"); background-position:-800px -1200px;}

/* QUICK : TOP & ���� �ݱ⿭�� ��ư */
aside.quick_bar > .top_area {width:99px; border-top:1px solid #dee0e2; padding:10px; background-color:#fff; position:fixed; bottom:0; z-index:1;}
aside.quick_bar > .top_area .btn_top {width:100%; height:34px; font-weight:bold; padding:7px 10px; box-sizing:border-box; border:1px solid #cdd0d3; border-radius:3px; color:#020219; display:inline-block; text-align:center;}
aside.quick_bar .btn_handle {position:absolute; top:50%; left:-23px; width:0; height:32px; padding-left:20px; margin:-16px 0;background-color:#5b646e; border:1px solid #5b646e; overflow:hidden;}
aside.quick_bar .btn_handle:before {content:''; position:absolute; top:50%; margin-top:-5px; left:50%; margin-left:-3px; width:7px; height:10px; background-image:url("../img/common/icon_set2.png"); background-position:0 -40px;}

/* QUICK : CLOSE */
aside.quick_bar.close {right:-120px;}
aside.quick_bar.close .btn_handle:before {background-position:0 -60px;}







/*--------------------------------------------------------------------------------
	# Footer2
---------------------------------------------------------------------------------*/
.footer2{font-family: 'Pretendard';}
.footer2 .inner {width:1100px; margin:40px auto; }
.footer2 .f_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;}
.footer2 .f_top .f_logo{width: 138px; height: 30px; font-size: 0; background-image: url(../img/common/img_logo_ci_gy.svg); overflow: hidden;}
.footer2 .f_top > img{object-fit: contain;}
.footer2 .f_top .f_sns_wrap{display: flex; gap: 0 20px;}
.footer2 .f_top .f_sns_wrap .sns{display: flex; align-items: center; gap: 0 13px;}
.footer2 .f_top .f_sns_wrap .sns a.btn_sns{margin: 0;}
.footer2 .f_top .f_sns_wrap a.btn_ad{border-radius: 36px; background: #2C3242; color:#DCDFE3; font-size: 13px; padding: 10px 15px;}
.footer2 .f_detail {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 10px; flex-wrap: wrap;}
.footer2 .f_detail address {flex-grow: 1;}
.footer2 .f_detail p, .footer2 .f_detail span{font-size: 13px; color:#828C94;}
.footer2 .f_detail p{letter-spacing: -0.48px;}
.footer2 .f_detail address p + p{margin-top: 9px;}
.footer2 .f_detail address p span{position: relative; margin-left: 10px; padding-left: 8px;}
.footer2 .f_detail address p span:before{content:''; width: 1px; height: 12px; background-color: #DCDFE3; position:absolute; top:50%; left:0; transform: translate(0, -50%);}
.footer2 .f_detail address p span:nth-of-type(1){padding: 0; margin: 0;}
.footer2 .f_detail address p span:nth-of-type(1)::before{display: none;}
.footer2 .f_detail address p span a.company_info_link{display: inline-block; position: absolute; top: 50%; right: -93px; transform: translate(0, -50%); padding: 6px; border-radius: 3px; border:1px solid #ebebeb; font-size: 12px;}
.footer2 .f_detail .f_terms {column-count: 2; margin-top: 33px;}
.footer2 .f_detail .f_terms li{margin-bottom: 13px; break-inside: avoid; width: max-content;}
.footer2 .f_detail .f_terms li a {color:#828C94; font-size: 13px; white-space: nowrap; font-weight: 600;}
.footer2 .f_detail .f_terms li b{font-weight: 700; color: #0AA4F7;} 
.footer2 .f_detail p.copyright{width: 100%; margin-top: 25px; font-size: 12px; letter-spacing: 0;}
/* 배너 */
.footer2 .slide1.partner {height:62px;background:#f3f4f5;}
.footer2 .slide1.partner .slide_area {overflow:hidden;position:relative;margin:0 auto;padding:0 45px;width:1100px;box-sizing:border-box;}
.footer2 .slide1.partner .slide_area:before,.slide1.partner .slide_area:after {content:'';display:block;position:absolute;top:0;bottom:0;z-index:1;width:60px;background:#f3f4f5;}
.footer2 .slide1.partner li {width:202px;}
.footer2 .slide1.partner li img {width:100%;}
.footer2 .slide1.partner .box .btn_prev, .slide1.partner .box .btn_next {top:50%; margin:-13px 0;}
.footer2 .slide1.partner .box .btn_prev, .slide1.partner .slide_area:before {left:0;}
.footer2 .slide1.partner .box .btn_next, .slide1.partner .slide_area:after {right:0;}


/* ASIDE */
.quick_aside { position: fixed; top: 50%; right: calc(50% - 650px); transform: translateY(-50%); display: flex; flex-direction: column; gap: 8px; font-family: 'Pretendard'; color:#2C3242;}
.quick_aside .quick_btn { display: block; width: 56px; height: 56px; border: none; border-radius: 100px; font-size: 14px; cursor: pointer; border:1px solid #EBEBEB; overflow: hidden; transition: 0.2s; font-family: 'Pretendard'; background: #fff;}
.quick_btn[data-target="top"]{pointer-events: none;}
.quick_btn.on[data-target="top"]{pointer-events: auto;}
.quick_aside .quick_btn[data-target="recent_lay"] .txt{display: flex; align-items: center; justify-content: center; height: 100%; background-color: #2F3438; color:#fff;}
.quick_aside .quick_btn[data-target="recent_lay"] .txt,
.quick_aside .quick_btn[data-target="recent_lay"]:hover img{display:none;}
.quick_aside .quick_btn[data-target="recent_lay"]:hover .txt{display: flex;}
.sidebar_lay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; z-index: 200; font-family: 'Pretendard'; color:#2C3242;}
.sidebar_lay.open { visibility: visible; }
.aside_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.3s ease; }
.sidebar_lay.open .aside_overlay { opacity: 1; }
.aside_content { position: absolute; top: 0; right: 0; width: 445px; height: 100%; background-color: #fff; box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1); transform: translateX(100%); transition: transform 0.3s ease; display: flex; flex-direction: column; }
.sidebar_lay.open .aside_content { transform: translateX(0); }

.aside_header { display: flex; justify-content: space-between; align-items: center; padding: 40px 32px 30px;}
.aside_header h2 { margin: 0; font-size: 26px; font-weight: 600; }
.aside_close_btn { background: none; border: none; cursor: pointer; padding: 0; width: 24px; height: 24px; position: relative; }
.x_icon { display: block; width: 20px; height: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.x_icon::after { content: ''; display: block; width: 20px; height: 2px; background-color: #333; transform: rotate(90deg); }
.aside_body { overflow-y: auto; padding: 0 20px; }
.aside_body p.no_prd{padding: 30px 0; font-size: 15px; color: #828C94; text-align: center;}
.recent_list li + li{margin-top: 20px;}
.recent_list a { display: flex;  gap: 0 14px;}
.recent_list li img{display: inline-block; width: 56px; height: 56px; object-fit: cover; border-radius: 10px;}
.recent_list li .prd_info{display: flex; flex-direction: column; justify-content: center; max-width: calc(100% - 110px);}
.recent_list li span{display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recent_list li strong{font-size: 20px; font-weight: 700;}
.item_thumb { width: 70px; height: 70px; object-fit: cover; margin-right: 10px; border-radius: 4px; }
.item_price { display: block; font-size: 16px; color: #00a0e9; margin-top: 5px; }
.all_del { padding: 15px 20px; text-align: right; }
.btn_clear_all { background: none; border: none; color: #828C94; cursor: pointer; font-size: 14px; text-decoration: underline; text-underline-position: from-font;}