@charset "utf-8";
/* Common */
* {text-decoration:none; font-size:12px; margin:0; padding:0;}
body {font-family:"돋움",Dotum,"굴림",Gulim,Tahoma,Verdana,sans-serif; font-size:0.75em; color:#222; line-height:1.6em;}
h1,h2,h3,h4{color:#333; font-family:"돋움",dotum,sans-serif; line-height:1.8em; font-weight:normal;}
body{background:#fff;}
hr,legend {display:none;}
img,fieldset{border:0;}
blockquote, q {quotes:none;}
ul,ol,li{list-style:none;}
img,input,select,textarea{vertical-align:middle; margin:0px; padding:0px;}
button{text-align:left; margin:0px; padding:0px; cursor:pointer;}
a{font-size:1em; color:#777777; text-decoration:none;}
a:visited{color:#777777; text-decoration:none;}
a:hover{color:#777777; text-decoration:none;}
a:active{color:#777777; text-decoration:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;}
a.over_btn img {border-width:0; display:inline;}
a.over_btn img.over {display:none;}
a.over_btn:hover {border:0;}
a.over_btn:hover img {display:none;}
a.over_btn:hover img.over {display:inline;}
/* Layout */
body {font-size:12px; line-height:1.5em; font-family:"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; background-color:#ffffff;}
#wrapper {text-align:center; width:100%; min-width:1060px; background:url(/images/main/bg_wrapper.jpg) center 100px repeat-x;}
#header_wrap {width:100%;}
#header {position:relative; z-index:2; margin:0 auto; width:980px; height:100px; text-align:left;}
#container {width:100%; min-width:980px; overflow:hidden; text-align:left; position:relative;}
#content {margin:0 auto; width:980px; height:656px; overflow:hidden; position:relative;}
#aside {position:absolute; top:35px; right:0; width:61px;}
/* Background Image */
.bg_web {background:url(/images/main/bg_main_web.jpg) center top no-repeat;}
.bg_mobile {background:url(/images/main/bg_main_mobile.jpg) center top no-repeat;}
/* Content */
h2.clueville {display:none;}
.movie {width:980px; height:656px;}
/* Event */
.event {position:absolute; left:436px; top:28px; width:197px; height:113px;}
.event h2 {position:absolute; left:3px; top:6px; width:35px; height:14px; background:url(/images/main/title_event.gif) left top no-repeat; font-size:0; text-indent:-999999em;}
.event p.btn_more {position:absolute; left:44px; top:7px; width:13px; height:11px; background:url(/images/main/btn_more.gif) left top no-repeat; font-size:0; text-indent:-999999em; overflow:hidden}
.event p.btn_more a {display:block; width:13px; height:11px; overflow:hidden;}
.event .pager {position:absolute; left:145px; top:7px; overflow:hidden; font:bold 12px gulim;}
.event .pager span.paging {display:block; overflow:hidden;}
.event .pager span.paging a {float:left; display:inline; margin-right:4px; display:block; width:12px; height:10px; background:url(/images/main/btn_rolling_off.gif) no-repeat; font-size:0; text-indent:-999999em;}
.event .pager span.paging a:hover,
.event .pager span.paging a:active,
.event .pager span.paging a:focus,
.event .pager span.paging a.p0on,
.event .pager span.paging a.p1on,
.event .pager span.paging a.p2on {background:url(/images/main/btn_rolling_on.gif) left top no-repeat;}
.event ul.rolling_banner {position:absolute; left:0; top:25px; width:197px; height:88px; overflow:hidden; background:url(/images/main/bg_rolling_banner.jpg) left top no-repeat;}
.event ul.rolling_banner li {display:block; width:197px; height:88px;}
.event ul.rolling_banner li a {display:block; width:197px; height:88px;}
.event02 {position:absolute; left:436px; top:19px; width:197px; height:113px;}
.event02 h2 {position:absolute; left:3px; top:6px; width:35px; height:14px; background:url(/images/main/title_event.gif) left top no-repeat; font-size:0; text-indent:-999999em;}
.event02 p.btn_more {position:absolute; left:44px; top:7px; width:13px; height:11px; background:url(/images/main/btn_more.gif) left top no-repeat; font-size:0; text-indent:-999999em; overflow:hidden}
.event02 p.btn_more a {display:block; width:13px; height:11px; overflow:hidden;}
.event02 .pager {position:absolute; left:145px; top:7px; overflow:hidden; font:bold 12px gulim;}
.event02 .pager span.paging {display:block; overflow:hidden;}
.event02 .pager span.paging a {float:left; display:inline; margin-right:4px; display:block; width:12px; height:10px; background:url(/images/main/btn_rolling_off.gif) no-repeat; font-size:0; text-indent:-999999em;}
.event02 .pager span.paging a:hover,
.event02 .pager span.paging a:active,
.event02 .pager span.paging a:focus,
.event02 .pager span.paging a.p0on,
.event02 .pager span.paging a.p1on,
.event02 .pager span.paging a.p2on {background:url(/images/main/btn_rolling_on.gif) left top no-repeat;}
.event02 ul.rolling_banner {position:absolute; left:0; top:29px; width:197px; height:107px; overflow:hidden; background:url(/images/main/bg_rolling_banner.jpg) left top no-repeat;}
.event02 ul.rolling_banner li {display:block; width:197px; height:88px;}
.event02 ul.rolling_banner li a {display:block; width:197px; height:88px;}
/* login_arae */
#login_area {position:absolute; left:676px; top:25px; width:272px; height:53px; border-bottom:1px dashed #cacaca;}
#login_area input {float:left; vertical-align:middle;}
#login_area input.id {width:95px; height:18px; border:1px solid #c6c6c6; padding:3px 0 0 6px; margin-right:5px; background:#fff; font:12px dotum; color:#aaa;}
#login_area input.pw {width:98px; height:18px; border:1px solid #c6c6c6; padding:3px 0 0 6px; margin-right:8px; background:#fff; font:12px dotum; color:#aaa;}
#login_area input.btn_login {width:44px; height:23px; border:0px; background:url(/images/main/btn_login_s.gif) no-repeat; position:relative; overflow:hidden; cursor:pointer;}
#login_area p.save_id {margin-top:8px; padding-left:4px; *padding-left:1px; float:left; clear:left;}
#login_area p.save_id input {position:relative; *top:-2px;}
#login_area p.save_id img {vertical-align:middle; margin-left:5px; *margin-left:2px;}
#login_area ul {float:left; margin-top:8px; *margin-top:6px; padding-left:61px;}
#login_area ul li {float:left; padding-left:5px;}
#login_area ul li.first {background:url(/images/main/login_area_ul_line.gif) right center no-repeat; padding-right:9px;}
#login_area p.greeting {width:207px; height:18px; background:#f4f4f4; font:12px dotum; color:#777; padding:5px 0 0 7px; float:left; margin-right:8px;}
#login_area p.greeting span {font-weight:bold; color:#303030;}
#login_area input.btn_logout {width:44px; height:23px; border:0px; background:url(/images/main/btn_logout_s.gif) no-repeat; position:relative; overflow:hidden; cursor:pointer;}
#login_area .mystate {float:left; margin-top:7px; background:url(/images/main/icon_mystate.gif) 7px top no-repeat; padding-left:31px; font:12px dotum; color:#777; line-height:1.5em;}
#login_area .btn_myclue {float:right; margin-top:8px; padding-right:6px;}
/* CLUEVILLE News */
.clueville_news {position:absolute; left:676px; top:28px; width:272px; height:113px;}
.clueville_news h2 {position:absolute; left:3px; top:6px; width:62px; height:14px; font-size:0; text-indent:-99999em; background:url(/images/main/title_clueville_news.gif) left top no-repeat;}
.clueville_news p.btn_more {position:absolute; left:71px; top:7px; width:13px; height:11px; background:url(/images/main/btn_more.gif) left top no-repeat; font-size:0; text-indent:-999999em; overflow:hidden;}
.clueville_news p.btn_more a {display:block; width:13px; height:11px; overflow:hidden;}
.clueville_news ul.news {position:absolute; left:0; top:25px; overflow:hidden;}
.clueville_news ul.news li {float:left; display:inline; margin-top:7px; padding-left:3px; width:269px; overflow:hidden;}
.clueville_news ul.news li.no_list {padding:33px 0 34px 3px; width:269px; font:12px dotum,'돋움'; color:#777777; text-align:center;}
.clueville_news ul.news li span.text {float:left; width:221px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.clueville_news ul.news li span.text a {font:12px dotum,'돋움'; color:#777777;}
.clueville_news ul.news li span.text a:hover,.clueville_news ul.news li span.text a:active,.clueville_news ul.news li span.text a:focus {text-decoration:underline;}
.clueville_news ul.news li span.date {float:right; display:inline; position:relative; top:-1px; margin:-2px 0; width:41px; font-family:Verdana, Geneva, sans-serif,'돋움'; font-size:11px; color:#777777;}
.clueville_news02 {position:absolute; left:676px; top:90px; width:272px; height:59px;}
.clueville_news02 h2 {position:absolute; left:3px; top:6px; width:62px; height:14px; font-size:0; text-indent:-99999em; background:url(/images/main/title_clueville_news.gif) left top no-repeat;}
.clueville_news02 p.btn_more {position:absolute; left:71px; top:7px; width:13px; height:11px; background:url(/images/main/btn_more.gif) left top no-repeat; font-size:0; text-indent:-999999em; overflow:hidden;}
.clueville_news02 p.btn_more a {display:block; width:13px; height:11px; overflow:hidden;}
.clueville_news02 ul.news {position:absolute; left:0; top:25px; overflow:hidden;}
.clueville_news02 ul.news li {float:left; display:inline; margin-top:7px; padding-left:3px; width:269px; overflow:hidden;}
.clueville_news02 ul.news li.no_list {padding:33px 0 34px 3px; width:269px; font:12px dotum,'돋움'; color:#777777; text-align:center;}
.clueville_news02 ul.news li span.text {float:left; width:221px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.clueville_news02 ul.news li span.text a {font:12px dotum,'돋움'; color:#777777;}
.clueville_news02 ul.news li span.text a:hover,.clueville_news ul.news li span.text a:active,.clueville_news ul.news li span.text a:focus {text-decoration:underline;}
.clueville_news02 ul.news li span.date {float:right; display:inline; position:relative; top:-1px; margin:-2px 0; width:41px; font-family:Verdana, Geneva, sans-serif,'돋움'; font-size:11px; color:#777777;}
/* Shortcuts */
.shortcuts {position:absolute; left:430px; top:161px; width:210px; height:145px;}
.shortcuts h2 {display:none;}
.shortcuts ul {width:210px; height:145px; overflow:hidden; background:url(/images/main/icon_shortcut.jpg) left top no-repeat;}
.shortcuts ul li {display:block; position:absolute;}
.shortcuts ul li a {display:block; position:absolute; text-indent:-999999em; font-size:0; cursor:pointer;}
.shortcuts ul li a.link1 {left:1px; top:1px; display:block; width:60px; height:71px; }
.shortcuts ul li a.link2 {left:1px; top:73px; display:block; width:60px; height:71px;}
.shortcuts ul li a.link3 {left:62px; top:1px; display:block; width:147px; height:143px;}
.shortcuts02 {position:absolute; left:430px; top:182px; width:189px; height:135px;}
.shortcuts02 h2 {display:none;}
.shortcuts02 ul {width:210px; height:145px; overflow:hidden; background:url(/images/main/icon_shortcut.jpg) left top no-repeat;}
.shortcuts02 ul li {display:block; position:absolute;}
.shortcuts02 ul li a {display:block; position:absolute; text-indent:-999999em; font-size:0; cursor:pointer;}
.shortcuts02 ul li a.link1 {left:1px; top:1px; display:block; width:60px; height:71px; }
.shortcuts02 ul li a.link2 {left:1px; top:73px; display:block; width:60px; height:71px;}
.shortcuts02 ul li a.link3 {left:62px; top:1px; display:block; width:147px; height:143px;}
/* Search Village */
.srch_village {position:absolute; left:679px; top:162px; width:78px; height:136px; overflow:hidden;}
.srch_village h2 {position:absolute; left:0; top:0; width:59px; height:14px; font-size:0; text-indent:-99999em; background:url(/images/main/title_srch_village.gif) left top no-repeat;}
.srch_village p.btn_more {position:absolute; left:65px; top:2px; width:13px; height:11px; background:url(/images/main/btn_more.gif) left top no-repeat; font-size:0; text-indent:-999999em; overflow:hidden;}
.srch_village p.btn_more a {display:block; width:13px; height:11px; overflow:hidden;}
.srch_village p.map {position:absolute; left:0; top:26px; width:76px; height:100px; background:url(/images/main/map_srch_village.gif) left top no-repeat;}
.srch_village p.map a {display:block; width:76px; height:100px; font-size:0; text-indent:-999999em;}
.srch_village02 {position:absolute; left:679px; top:183px; width:78px; height:136px; overflow:hidden;}
.srch_village02 h2 {position:absolute; left:0; top:0; width:59px; height:14px; font-size:0; text-indent:-99999em; background:url(/images/main/title_srch_village.gif) left top no-repeat;}
.srch_village02 p.btn_more {position:absolute; left:65px; top:2px; width:13px; height:11px; background:url(/images/main/btn_more.gif) left top no-repeat; font-size:0; text-indent:-999999em; overflow:hidden;}
.srch_village02 p.btn_more a {display:block; width:13px; height:11px; overflow:hidden;}
.srch_village02 p.map {position:absolute; left:0; top:26px; width:76px; height:100px; background:url(/images/main/map_srch_village.gif) left top no-repeat;}
.srch_village02 p.map a {display:block; width:76px; height:100px; font-size:0; text-indent:-999999em;}
/* 홍보 동영상 */
.public_movie {position:absolute; left:786px; top:162px; width:163px; height:133px; overflow:hidden;}
.public_movie h2 {position:absolute; left:3px; top:0; width:61px; height:16px; font-size:0; text-indent:-99999em; background:url(/images/main/title_public_movie.gif) left top no-repeat;}
.public_movie p.player {position:absolute; left:0; top:24px; width:163px; height:109px; background:url(/images/main/bg_movie.jpg) left top no-repeat;}
.public_movie p.player a {position:absolute; left:6px; top:6px; display:block; width:132px; height:97px; overflow:hidden; text-indent:-999999em; font-size:0;}
.public_movie02 {position:absolute; left:786px; top:183px; width:163px; height:133px; overflow:hidden;}
.public_movie02 h2 {position:absolute; left:3px; top:0; width:61px; height:16px; font-size:0; text-indent:-99999em; background:url(/images/main/title_public_movie.gif) left top no-repeat;}
.public_movie02 p.player {position:absolute; left:0; top:24px; width:163px; height:109px; background:url(/images/main/bg_movie.jpg) left top no-repeat;}
.public_movie02 p.player a {position:absolute; left:6px; top:6px; display:block; width:132px; height:97px; overflow:hidden; text-indent:-999999em; font-size:0;}
/* Title */
h1.logo {position:absolute; left:0; top:38px; z-index:3; width:163px; height:47px; background:url(/images/common/logo_clue.gif) no-repeat;}
h1.logo a {display:block; width:163px; height:44px;}
h1.logo span {display:none;}
/* Global Menu */
#globalmenu {position:absolute; right:32px; top:0; z-index:3; padding:9px 0 0 0; height:23px; text-align:right; overflow:hidden; line-height:0; font-size:0;}
#globalmenu dt {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;}
#globalmenu dd {float:left; padding:0 11px; height:14px; background:url(/images/common/globalmenu_line.gif) right 3px no-repeat; overflow:hidden;}
#globalmenu dd a span {display:none !important;}
#globalmenu dd.gm1 {padding-left:0 !important;}
#globalmenu dd.gm6 {background:none; padding-right:0 !important; padding-left:15px;}
#globalmenu dd.gm5_3 {background:none; padding-right:0 !important;}
#globalmenu dd.gm5_4 {background:none; padding-right:0 !important;}
#globalmenu dd a {float:left; display:inline; background:url(/images/common/globalmenu_list.gif) right top no-repeat;}
#globalmenu dd a span {display:block; text-indent:-5000px; font-size:0;}
#globalmenu dd.gm1 a {position:relative; top:3px; width:37px; height:10px; background-position:0 -3px;}
#globalmenu dd.gm2 a {position:relative; top:3px; width:46px; height:10px; background-position:-62px -3px;}
#globalmenu dd.gm3 a {position:relative; top:3px; width:36px; height:10px; background-position:-233px -3px;}
#globalmenu dd.gm7 a {width:74px; height:14px; background-position:-132px 0px;}
/* Before Longin */
#globalmenu dd.gm4_1 a {position:relative; top:3px; width:37px; height:10px; background-position:-293px -3px;}
#globalmenu dd.gm5_1 a {position:relative; top:3px; width:26px; height:10px; background-position:-375px -3px;}
#globalmenu dd.gm5_3 a {position:relative; top:3px; width:26px; height:10px; background-position:-375px -3px;}
/* After Longin */
#globalmenu dd.gm4_2 a {position:relative; top:3px; width:59px; height:10px; background-position:-293px -13px;}
#globalmenu dd.gm5_2 a {position:relative; top:3px; width:36px; height:10px; background-position:-375px -13px;}
#globalmenu dd.gm5_4 a {position:relative; top:3px; width:36px; height:10px; background-position:-375px -13px;}
#globalmenu dd.gm6 a {width:86px; height:14px; background-position:-434px 0px;}
/* Gnb Menu */
#gnbmenu {position:absolute; z-index:3; right:0; top:58px; width:721px;}
#gnbmenu h2 {display:none;}
/* 1depth */
#gnbmenu ul {list-style:none; position:absolute; left:0; top:0;}
#gnbmenu ul li {float:left; display:inline; background-color:#ffff00; background:url(/images/common/gnb_line.gif) right 1px no-repeat}
#gnbmenu ul li a {cursor:pointer !important;}
#gnbmenu ul li a#gnb1m1 {display:block; padding:0 0 0 2px; margin-right:37px; width:84px; height:14px;}
#gnbmenu ul li a#gnb1m2 {display:block; padding:0 0 0 2px; margin:0 30px 0 27px; width:94px; height:14px;}
#gnbmenu ul li a#gnb1m3 {display:block; padding:0 0 0 2px; margin:0 50px 0 47px; width:54px; height:14px;}
#gnbmenu ul li a#gnb1m4 {display:block; padding:0 0 0 2px; margin:0 38px 0 32px; width:81px; height:15px;}
#gnbmenu ul li a#gnb1m5 {display:block; padding:0 0 0 2px; margin:0 0 0 43px; width:63px; height:14px;}
#gnbmenu ul li.on ul {display:block;}
/* 2depth */
#gnbmenu ul ul {position:absolute; left:0; padding:25px 0 0;}
#gnbmenu ul ul#gnb2m1 {width:116px; margin-left:0;}
#gnbmenu ul ul#gnb2m2 {width:121px; margin-left:148px;}
#gnbmenu ul ul#gnb2m3 {width:100px; margin-left:322px;}
#gnbmenu ul ul#gnb2m4 {width:108px; margin-left:460px;}
#gnbmenu ul ul#gnb2m5 {width:98px; margin-left:623px;}
#gnbmenu ul ul li {position:relative; display:inline; float:left;}
/* bg */
#gnbOnDisplay {display:none; position:absolute; z-index:1; left:0; width:100%; min-width:1060px; height:223px; border-bottom:1px solid #a5a5a5; background-color:#ffffff;}
/* //Gnb Menu */
/* Footer */
#footer_wrap {padding:19px 0 0 0; width:100%; height:111px; min-width:980px; border-top:1px solid #dddddd; overflow:hidden;}
#footer {margin:0 auto; width:980px; text-align:left; overflow:hidden;}
#footer h2 {display:none;}
#footer div.left_area {float:left; width:866px; overflow:hidden;}
#footer ul.links {width:100%; overflow:hidden;}
#footer ul.links li {float:left; display:inline; background:url(/images/common/footer_menuline.gif) right 1px no-repeat;}
#footer ul.links li a {display:block; text-indent:-999999em; font-size:0;}
#footer ul.links li.link1 a {margin:0 13px 0 0; width:38px; height:11px; background:url(/images/common/footer_menulist1.gif) left top no-repeat;}
#footer ul.links li.link2 a {margin:0 10px; width:39px; height:11px; background:url(/images/common/footer_menulist2.gif) left top no-repeat;}
#footer ul.links li.link3 a {margin:0 10px; width:76px; height:11px; background:url(/images/common/footer_menulist3.gif) left top no-repeat;}
#footer ul.links li.link4 a {margin:0 10px; width:38px; height:11px; background:url(/images/common/footer_menulist4.gif) left top no-repeat;}
#footer ul.links li.link4 {background:none !important;}
#footer address {margin:13px 0 0 0; width:585px; height:25px; background:url(/images/common/footer_info.gif) no-repeat;}
#footer address span {display:none;}
#footer .mail {display:block; position:relative; top:15px; left:115px; text-indent:-999999em; font-size:0; width:100px; height:8px; overflow:hidden;}
#footer p.copy {margin:7px 0 0 0; width:276px; height:10px; background:url(/images/common/footer_copyright.gif) no-repeat;}
#footer p.copy span {display:none;}
#footer p.btn {float:right; width:114px; height:20px; background:url(/images/common/btn_familysite.gif) no-repeat;}
#footer p.btn a {display:block; width:114px; height:20px; text-indent:-999999em; font-size:0;}
#footer p.btn a:hover,#footer p.btn a:active,#footer p.btn a:focus,#footer p.btn a.on {background:url(/images/common/btn_familysite_on.gif) no-repeat;}
/* Popup Family Site */
.popup_familysite {position:relative; left:167px; top:1px; margin:-292px auto 0 auto; z-index:10; width:725px; height:290px; border:1px solid #b3b3b3; background-color:#ffffff;}
.popup_familysite .btn_close {width:100%; height:31px; overflow:hidden; background-color:#b9b9b9;}
.popup_familysite .btn_close a {float:right; display:inline; margin:6px 15px 0 0; width:17px; height:17px; overflow:hidden; font-size:0; text-indent:-999999em; background:url(/images/common/popup_close_family.gif) no-repeat;}
.popup_familysite .pop_cont {margin:31px 0 0 0; width:100%; overflow:hidden;}
.popup_familysite span.title {float:left; display:inline; margin:1px 0 0 0; width:281px; height:228px; background:url(/images/common/title_familysite.gif) no-repeat; font-size:0; text-indent:-999999em; }
.popup_familysite .site_list {float:right; display:inline; margin-right:46px; width:313px; overflow:hidden;}
.popup_familysite .site_list ul.list1 {float:left; display:inline; margin-right:49px; width:132px; overflow:hidden;}
.popup_familysite .site_list ul.list2 {float:left; display:inline; width:132px; overflow:hidden;}
.popup_familysite .site_list ul li {float:left; display:inline; padding:0 0 0 14px; margin-bottom:3px; width:118px; height:20px; background:url(/images/common/bullet_family.gif) left 7px no-repeat; font:12px dotum,'돋움'; color:#686868; overflow:hidden; text-align:left;}
.popup_familysite .site_list ul li a {display:block; padding:4px 0 0 5px; width:113px; height:16px; background-color:#ffffff;}
.popup_familysite .site_list ul li a:hover,.popup_familysite .site_list ul li a:active,.popup_familysite .site_list ul li a:focus,.popup_familysite .site_list ul li a.on {background-color:#caa457; color:#ffffff;}
.popup_familysite .ie6_select {position:absolute; bottom:0; left:0; z-index:-99; width:725px; height:290px; background:none; filter: alpha(opacity=0);}
/*footer201906: 리뉴얼 청담닷컴푸터 적용*/
.footer201906 {font-weight:400; line-height:normal; font-family:'맑은 고딕','Malgun Gothic','돋움',dotum, sans-serif; word-break:keep-all; word-wrap:break-word; text-align:left;}
.footer201906 a {text-decoration:none;}
.footer201906 div, .footer201906 p, .footer201906 span, .footer201906 input, .footer201906 textarea, .footer201906 select, .footer201906 button, .footer201906 h2 { font-family:inherit; font-size:inherit; color:inherit; line-height:inherit; font-weight:inherit; }
.footer201906 button {background-color:transparent; outline:0px; border:0px;}
.footer201906 em, .footer201906 address { font-style:normal; }
.footer201906 .irg, .footer201906 .irg-b:before, .footer201906 .irg-a:after, .footer201906 .link-group .g-toggle:after { display:inline-block; width:0; height:0; vertical-align:middle; background-position:999px 999px; background-repeat:no-repeat; }
.footer201906 .irg-b:before, .footer201906 .irg-a:after, .footer201906 .link-group .g-toggle:after { content:''; }
.footer201906 .irg { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
.footer201906 .link-group .list { display:none; }
.footer201906 .swipe-initialized { position:relative; overflow:hidden; cursor:move; }
.footer201906 .swipe-initialized.swipe-off { cursor:default; }
.footer201906 .swipe-initialized .swipe-cont { position:relative; }
.mo-show { display:none !important; }
/* footer - image */
.footer201906 .irg, .footer201906 .irg-b:before, .footer201906 .irg-a:after, .footer201906 .link-group .g-toggle:after { background-image:url("../../images/common/sprite-layout.png"); }
.footer201906 .ig-sns-ig { background-position:-342px 0; width:16px; height:18px; }
.footer201906 .ig-sns-fb { background-position:-363px 0; width:7px; height:18px; }
.footer201906 .ig-sns-kk { background-position:-375px 0; width:9px; height:18px; }
.footer201906 .ig-sns-bg { background-position:-389px 0; width:12px; height:18px; }
.footer201906 .ig-sns-yt { background-position:-406px 0; width:18px; height:18px; }
.footer201906 .ig-sns-cf { background-position:-429px 0; width:18px; height:18px; }
.footer201906 .ig-portal { background-position:-236px -98px; width:102px; height:20px; }
.footer201906 .ig-awards-1:before { background-position:0 -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
.footer201906 .ig-awards-2:before { background-position:-46px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
.footer201906 .ig-awards-3:before { background-position:-92px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
.footer201906 .ig-awards-4:before { background-position:-138px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
.footer201906 .ig-awards-5:before { background-position:-184px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
.footer201906 .ig-cms:before { background-position:-465px 0; width:10px; height:10px; margin-right:2px; }
.footer201906 .ig-app-1:before { background-position:-376px -25px; width:60px; height:60px; margin-right:10px; }
.footer201906 .ig-app-2:before { background-position:-440px -25px; width:60px; height:60px; margin-right:10px; }
.footer201906 .ig-app-3:before { background-position:-376px -89px; width:60px; height:60px; margin-right:10px; }
.footer201906 .ig-app-4:before { background-position:-440px -89px; width:60px; height:60px; margin-right:10px; }
.footer201906 .ig-app-5:before { background-position:-440px -153px; width:60px; height:60px; margin-right:10px; }
.footer201906 .link-group .g-toggle:after { background-position:-282px -20px; width:6px; height:3px; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.footer201906 .link-group .g-toggle.active::after { -webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
/* footer - layout */
.footer201906 {position:relative; padding:0 0 24px; font-size:13px; color:#666; border-top:1px solid #232323; background:#fff; }
.footer201906 .row-full { border-bottom:1px solid #eee; }
.footer201906 .inner { position:relative; margin:0 auto; max-width:980px; width:100%; padding:0 0px; box-sizing:border-box; }
.footer201906 .fmenu { height:60px; padding:0; font-size:14px; color:#000; line-height:23px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; box-sizing:border-box; }
.footer201906 .fmenu .mid { display:block; }
.footer201906 .fmenu a { display:inline-block; margin-right:15px; line-height:60px; white-space:nowrap; color:inherit; }
.footer201906 .fmenu a strong {font-family:inherit; font-size:inherit; color:inherit; line-height:inherit;}
.footer201906 .fmenu .cms { display:inline-block; color:#000; white-space:nowrap; }
.footer201906 .fmenu .cms a { margin-right:3px; }
.footer201906 .fmenu .cms > span.ig-cms { color:#da0b2d; cursor:default;}
.footer201906 .biz-info { margin-top:29px; }
.footer201906 .biz-info .biz-name { display:block; color:#000; }
.footer201906 .biz-info .biz-name button { cursor:default; outline:none !important; }
.footer201906 .biz-info .biz-toggle { display:none; }
.footer201906 .biz-info .biz-cont { display:block !important; overflow:visible; }
.footer201906 .biz-info .biz-cont .info { max-width:700px; }
.footer201906 .biz-info .biz-cont .info .item { position:relative; display:inline-block; margin-top:9px; margin-right:16px; white-space:nowrap; }
.footer201906 .biz-info .biz-cont .info .item+.item:before { content:''; position:absolute; left:-11px; top:3px; width:1px; height:12px; background:#eee; }
.footer201906 .biz-info .biz-cont .info em { font-weight:bold; }
.footer201906 address { max-width:540px; margin-top:15px; font-weight:bold; text-transform:uppercase; }
.footer201906 .awards { position:static; width:auto; margin:22px 0 0; font-size:12px; color:#666; }
.footer201906 .awards.swipe-guide::before { display:none; }
.footer201906 .awards .item:last-child { margin-left:0; }
.footer201906 .awards .item { display:inline-block; margin:16px 5px 0 0; line-height:18px; }
.footer201906 .awards .item .mid { display:inline-block; width:126px; white-space:normal; vertical-align:middle; }
.footer201906 .external-link { position:absolute; right:0px; top:0; z-index:190; }
.footer201906 .link-group { position:relative; float:right; height:60px; color:#000; font-size:14px; margin-left:-1px; }
.footer201906 .link-group .subj { display:block; width:100%; height:100%; line-height:60px; padding:0 20px; text-align:left; border-left:1px solid #ededed; border-right:1px solid #ededed; font-weight:bold; cursor:pointer;}
.footer201906 .link-group .list { position:absolute; right:0; bottom:100%; width:100%; padding:18px 20px 7px; margin-bottom:1px; background:#fff; font-size:0; color:#000; overflow:hidden; border:1px solid #ededed; border-bottom:0; box-sizing:border-box; }
.footer201906 .link-group.other .list { padding-top:10px; padding-bottom:10px; }
.footer201906 .link-group.other .list li { padding:10px 0; }
.footer201906 .link-group.other .list li a { display:block; font-size:14px; color:#000; }
.footer201906 .link-group .group {margin:0px; padding:11px 0 18px; border-top:1px solid #f0f0f0; }
.footer201906 .link-group ul.group:first-child { border-top:0; padding-top:0; }
.footer201906 .link-group ul.group:first-child a { font-size:14px; font-weight:bold; color:#000; }
.footer201906 .link-group ul.group:first-child .irg { margin-bottom:4px; }
.footer201906 .link-group .group dt, .footer201906 .link-group .group dd {margin:0px; padding:0px;}
.footer201906 .link-group .group dt { font-size:14px; font-weight:bold; color:#000 !important; }
.footer201906 .link-group .group dt.full { display:block; width:auto; margin-bottom:3px; }
.footer201906 .link-group .group dt, .footer201906 .link-group .group dd, .footer201906 .link-group .group li { display:inline-block; width:49%; margin-top:6px; font-size:14px; color:#666; vertical-align:top; box-sizing:border-box; }
.footer201906 .link-group .group dd.single, .footer201906 .link-group .group li.single { width:100%; }
.footer201906 .link-group.familysite { width:280px; }
.footer201906 .link-group.familysite .list { width:280px; }
.footer201906 .link-group.other { width:200px; }
.footer201906 .link-group.other .list .mid { display:inline-block; width:calc(100% - 75px); vertical-align:middle; }
.footer201906 .sns { position:absolute; right:0; top:91px; width:280px; font-size:0; text-align:right; }
.footer201906 .sns a { display:inline-block; width:40px; height:40px; padding:10px 0; text-align:center; background:#f2f2f2; border-radius:40px; box-sizing:border-box; }
.footer201906 .sns a + a { margin-left:8px; }
/*//footer201906: 리뉴얼 청담닷컴푸터 적용*/