@charset "utf-8";

.input_wrap {position:relative; display:inline-block; }
.input_wrap .place_label {position:absolute; top:12px; left:10px;font-size: 14px; color: #a8a8a8;}

#skipnavigation {overflow:hidden; text-indent: -2000px; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.sknavi{position:absolute;top:-500px;z-index:50;}
.sknavi:focus, .sknavi:active{top:1px;display:block;width:200px;height:18px;padding:3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;background-color:#eee;border: 1px solid #135;text-decoration:none;}

#wrapper{width:100%;}
#container{width:100%;min-width:1100px;text-align:center;clear:both;}

/* 상단영역 */
#head{position:relative;width:100%;/* height: 168px; background:url(/img/common/head_bg.gif) repeat-x left top; */z-index:9;}
#head_top{position:relative;width:1100px;height:70px;margin:0 auto;}
h1#logo{float:left;font-size:0;line-height:0;padding-top:15px;}
h1#logo a{display:block;}

/*ie 업데이트*/
#ieupdate {width:100%; background:#084987; text-align:center; font-size:0; line-height:0;}

/* 로그인 */
.top_menu{width: 100%;height: 40px;min-width: 1100px;background: #f0f2f4;}
.top_menu .wsize{width: 1100px;margin: 0 auto;}
.top_menu .wsize ul{display: inline-block;float: right;}
.top_menu .wsize ul li{float: left; margin-left:15px;padding-left:16px;background:url(/img/common/dot_bg.gif) no-repeat 0 50%;}
.top_menu .wsize ul li:first-child {background:none;}
.top_menu .wsize ul li a{display: block;line-height: 40px;color: #565656;font-size: 13px;}

#head_top .mallmenu {display:none;}
#head_top .topmenu {float:right;padding-top:24px;/* padding-right:39px; */ font-family: 'Lato'; letter-spacing: 0;}
#head_top .topmenu ul li {float:left;font-size:0;line-height:0;/* height:18px; *//* background:url(/img/common/topmenu_bar.gif) no-repeat right top; *//* margin-right:15px; *//* padding-right:16px; */}
#head_top .topmenu ul li.last {background:none;margin-right:0;padding-right:0;}
#head_top .topmenu ul li.last a{display: block;width: 100%;height: 22px;font-size: 11.5px;font-family: 'Lato',sans-serif;line-height: 12px;padding-left: 30px;background: url(/img/common/topmenu03.gif) no-repeat 0 2px; color:#7a7a7a; letter-spacing:0;box-sizing: border-box;}

/* 검색 */
.search_wrap {position:absolute; top:0; right:0;}
.search_wrap .on {font-size:0; line-height:0; padding-top:27px;}
.search_wrap .search_list {position:absolute; top:19px; right:0; width:336px; height:36px; background:#fff;}
.search_wrap .search_list ul {float:left; width:295px; height:34px; border:1px solid #d9d9d9; border-right:0;}
.search_wrap .search_list ul li {float:left;}
.search_wrap .search_list ul li .search_btn {font-size:0; line-height:0; padding:7px 0 0 10px; margin:0;}
.search_wrap .search_list ul li .txt {float:left; font-size:13px; color:#666; line-height:34px; height:34px; padding:0; margin:0 0 0 15px; border:none; width:152px;}
.search_wrap .search_list ul li label {position:absolute; top:0; left:106px; height:36px; line-height:36px; font-size:13px; letter-spacing:-1px; color:#bdbdbd;}
.search_wrap .search_list .close {float:right; font-size:0; line-height:0;}


/*메뉴영역*/
/* #menu_wrap{border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
#menu_wrap .wsize{position: relative;width:1100px;height:51px;margin:0 auto;}
#menu_navi {float:left;}
#menu_navi ul li {float:left;width: 196px;font-family: 'NotoKrM',sans-serif;font-size: 19px;color: #000;line-height: 51px;text-align: center;border-left: 1px solid #e1e1e1;}
#menu_navi ul li a{display:block;}

.smenu_area {position:absolute;width:100%;height:245px;top: 51px;left:0;background:#fff;border-bottom:2px solid #dfdfdf;border-top:1px solid #dfdfdf;z-index:7;}
.smenu_area2 {position:relative;width: 1100px;margin:0 auto;height:245px;}

.menu_l {float:left;}
.menu_l .menutitle {font-size:0; line-height:0; padding-top:30px; height:95px;}
.menu_l .menutitle .tit {height:37px;}
.menu_l .menu_tel {width:238px; height:88px; background:#f2f4f9 url(/img/common/menu_telicon.gif) no-repeat 25px 19px;}
.menu_l .menu_tel .num {padding:19px 0 0 103px;}
.menu_l .menu_tel .info {font-size:11px; color:#8a8a8b; line-height:15px; padding:8px 0 0 107px;}

.menu_r {float:right; width:721px;}
.menu_r dl {float:left; width:179px; display:inline-block; border-left:1px solid #e5e5e5; height:236px; padding-top:9px;}
.menu_r dl:hover {background:#fbfafa;}
.menu_r dl.last {border-right:1px solid #e5e5e5;}
.menu_r dl dt {font-size:15px; line-height:20px; letter-spacing:-1px; font-weight:600; padding-top:15px; padding-left:25px; background:url(/img/common/menutit_bg.gif) no-repeat left 17px; padding-bottom:8px;}
.menu_r dl dt.h50 {height:50px;}
.menu_r dl dt a {text-decoration:none; color:#222;}
.menu_r dl dt a:hover {color:#1d5ac0;}
.menu_r dl dt a .stxt{font-size:12px;}
.menu_r dl dd {font-size:12px; line-height:16px; letter-spacing:-1px; font-weight:normal; padding:2px 0; padding-left:10px; background:url(/img/common/menu_listbg.gif) no-repeat left 8px; margin-left:25px;}
.menu_r dl dd a {color:#666;}
.menu_r dl dd a:hover {color:#222;}


.menu_rwrap {float:right; width:167px; height:46px; padding-right:62px;}
.menu_rwrap ul {float:right;}
.menu_rwrap ul li {float:left; font-size:12px; line-height:46px; height:46px; letter-spacing:-1px; padding-right:6px; margin-right:5px; background:url(/img/common/topmenu_bar2.gif) no-repeat right 50%;}
.menu_rwrap ul li.last {padding-right:0; margin-right:0;}
.menu_rwrap ul li a {color:#e9edf5;}
.menu_rwrap ul li a:hover {color:#fff; text-decoration:none;} */

/* 메뉴 */
#menu_navi{position:relative;width:100%;height:52px;background:#fff;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;z-index:30;}
#menu_navi > .menu_area{width:1100px;margin:0 auto;font-size:0;line-height:0;}
#menu_navi > .menu_area > ul{display:inline-block;width:100%;}
#menu_navi > .menu_area > ul > li{float:left;width:196px; text-align:center; border-left:1px solid #ddd; margin-left:-1px;}
#menu_navi > .menu_area > ul > li:first-child{background:none;}
#menu_navi > .menu_area > ul > li > a{position:relative;display:inline-block;}
#menu_navi > .menu_area > ul > li > a span{display:inline-block;position:relative;height:53px;font-family:'NotoKrM';font-size:18px;line-height:52px;letter-spacing:-0.05em;color:#000;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
#menu_navi > .menu_area > ul > li > a span.active{color:#2f54a8;}
#menu_navi > .menu_area > ul > li > a span:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#2f54a8;transform:scale(0,1);transition:all 0.3s ease;}
#menu_navi > .menu_area > ul > li > a span.active:after,
#menu_navi > .menu_area > ul > li > a:hover span:after{transform: scale(1,1);}

.smenu_area{display:none;position:absolute;top:53px;left:50%;width:100%;margin-left:-50%;background:#fff;font-size:0;line-height:0;z-index:30;}
.smenu_area .section{position:relative;display:inline-block;width:1100px;text-align:left;}
.smenu_area .section .smenu_cont > ul{float:left;width:175px;min-height:240px; /*margin:40px 0;*/padding:30px;border-left:1px solid #e5e5e5;}
.smenu_area .section .smenu_cont  > ul:first-child{border-left:0;}
.smenu_area .section .smenu_cont  > ul > li{margin-top:40px;}
.smenu_area .section .smenu_cont  > ul > li:first-child{margin-top:0;}
.smenu_area .section .smenu_cont  > ul > li a{display:block;margin-bottom:20px;font-family:'NotoKrB';font-size:17px;line-height:1;color:#222;letter-spacing:-0.05em;}
.smenu_area .section .smenu_cont  > ul > li a:hover{color:#2f54a8;text-decoration:underline;}
.smenu_area .section .smenu_cont  > ul > li ul li a{margin-bottom:15px;font-family:'NotoKrR';font-size:15px;line-height:1;color:#888;}

.smenu_area .section .smenu_cont > ul.item_bnr{margin:0; border-left:1px solid #d3d3d3;}
.smenu_area .section .smenu_cont > ul.item_bnr li .thumb{display:block;height:126px;margin:20px 0;font-size:0;line-height:0;}
.smenu_area .section .smenu_cont > ul.item_bnr li .stxt{font-family:'NotoKrM';font-size:15px;line-height:24px;color:#555;letter-spacing:-0.075em;text-align:center;}
.smenu_area .section .smenu_cont > ul.item_bnr li .stxt.left {text-align:left;}

.smenu_area .section .smenu_cont{float:right; line-height:1; }
.smenu_area .section .smenu_cont > ul > li a {display: block; margin-bottom: 20px; font-family: 'NotoKrB'; font-size: 17px; line-height: 1; color: #222;  letter-spacing: -0.05em;}

/*** 메뉴타이틀 ***/
#menu_navi .tit_box {font-size:0; line-height:0;font-size: 16px; line-height: 1; float:left; display: inline-block;text-align: left; position:relative;}
#menu_navi .tit_box .btit {font-size:26px; font-family:'NotoKrB',sans-serif; margin:30px 0;}
#menu_navi .tit_box .stit {font-size:16px; color:#004097; font-family:'NotoKrM',sans-serif;  margin-bottom:10px;}
#menu_navi .tit_box .thumb p{font-family:'NotoKrM',sans-serif; padding:10px 0; color:#222;}

/* 메뉴input */
#menu_navi .tit_box input {height:35px; border:1px solid #d3d3d3; vertical-align:middle;}
#menu_navi .tit_box .short {width:70px;}
#menu_navi .tit_box .medium {width:230px;}
#menu_navi .tit_box .medium.txt_input {padding:2px;}
#menu_navi .tit_box .con_btn {background:#0a4aa2; width:70px; height:40px; line-height:35px; color:#fff; border:none; font-size: 15px; font-family: 'NotoKrM';}
#menu_navi .tit_box .con_btn.gray {background:#808080;}
/* 메뉴버튼 */
#menu_navi .tit_box a.con_btn {width:120px; height:45px; line-height:45px; display:inline-block; text-align:center; font-size: 15px; font-family: 'NotoKrM'; box-sizing:border-box;}
#menu_navi .tit_box a.con_btn.white {border:1px solid #19487b; text-align:center; color:#004097; width:100%; background:#fff;}
#menu_navi .tit_box p.call {width:238px; height:50px; border:1px solid #a9b6c9; text-align:center; line-height:50px; font-size:22px; margin-top:5px; letter-spacing:0; font-family:'Lato',sans-serif; font-weight:800; color:#004097; clear:both;}
#menu_navi .tit_box p.call.w100 {width:100%; margin-top:10px;}
#menu_navi .tit_box p.call span {padding-left:38px; background:url(/img/common/call_icon.png)no-repeat 0 50%;} 
#menu_navi .tit_box ul li {float:left;} 
#menu_navi .tit_box ul li a { font-size:14px; color:#666666;} 

/*바로가기*/
#menu_navi .tit_box ul.quick li {text-align:center; margin:0 3px 15px 3px;}
#menu_navi .tit_box ul.quick li a span {display:block; width:70px; height:70px; border:1px solid #ddd; border-radius:100px; margin-bottom:10px; background-repeat:no-repeat; background-position:center center;}
#menu_navi .tit_box ul.quick li a.link1 span{background-image:url(/img/common/quick_icon1.png);} /*진료예약*/
#menu_navi .tit_box ul.quick li a.link2 span{background-image:url(/img/common/quick_icon2.png);} /*건강강좌*/
#menu_navi .tit_box ul.quick li a.link3 span{background-image:url(/img/common/quick_icon3.png);} /*진료시간표*/

/* menu1진료안내 */
#menu1 .medict_area{float:left;width:915px;padding:40px 0;}
#menu1 .medict_area>ul{position:relative;}
#menu1 .medict_area>ul>li>a{display:block;width:125px;height:49px;padding:0 30px;border-bottom:1px solid #d5d5d5;font-family:'NotoKrM';font-size:16px;line-height:49px;color:#888;letter-spacing:-0.05em;text-align:left;}
#menu1 .medict_area>ul>li>a.on{position:relative;height:50px;border-bottom:0;background:#da252c;box-shadow:0 10px 10px rgba(218,37,44,0.25);line-height:50px;color:#fff;z-index:10;}
#menu1 .medict_area>ul>li>div{position:absolute;top:0;left:183px;}

#menu1 .medict_area>ul>li>div#top_mlist1 ul{float:left;width:123px;padding:0 30px;}
#menu1 .medict_area>ul>li>div#top_mlist1 ul li a{font-size:15px;line-height:32px;color:#888;letter-spacing:-0.05em;}
#menu1 .medict_area>ul>li>div#top_mlist2 ul{overflow:hidden;width:690px;padding:0 30px;margin-left:-20px;}
#menu1 .medict_area>ul>li>div#top_mlist2 ul li{float:left;width:210px;margin:0 0 20px 20px;}
#menu1 .medict_area>ul>li>div#top_mlist2 ul li a{display:block;border:1px solid #d3d3d3;font-family:'NotoKrM';font-size:15px;line-height:58px;letter-spacing:-0.05em;color:#555;text-align:center;}
#menu1 .smenu_area .section > ul{float:left;width:160px; padding:30px;}
/* #menu1 .inter_rsv{display:block;position:absolute;bottom:170px;left:30px;padding-top:65px;background:url(/nanum/site/builder/skin/major/img/common/bg_menu1_rsv.png) no-repeat top left;font-family:'NotoKrB';font-size:16px;line-height:1;color:#3a53ad;letter-spacing:-0.05em;}
#menu1 .mtel{position:absolute;bottom:40px;left:30px;}
#menu1 .mtel dt{margin-bottom:10px;padding-top:45px;background:url(/nanum/site/builder/skin/major/img/common/bg_menu1_tel.png) no-repeat top left;font-family:'NotoKrB';font-size:16px;line-height:1;color:#3a53ad;letter-spacing:-0.05em;}
#menu1 .mtel dd{font-family:'Roboto',sans-serif;font-size:24px;line-height:1;font-weight:700;color:#000;}
 */

/* menu2이용안내 */
#menu2 .section .smenu_cont > ul {width:140px;}
#menu2 .section{height:520px;}

/* menu3건강정보 */
#menu3 .section{height:340px;}
#menu3 .section .smenu_cont > ul {width:210px;}
#menu3 .smenu_area .section > ul.item_bnr{overflow:hidden;float:none;width:100%;padding:40px 0;border-left:0;}
#menu3 .smenu_area .section > ul.item_bnr > li{float:left;width:305px;margin-top:0;padding:0 30px;border-left:1px solid #e5e5e5;}
#menu3 .smenu_area .section > ul.item_bnr > li:first-child{border-left:0 !important;}

/* menu4병원안내 */
#menu4 .section{height:360px;}
#menu4 .section .smenu_cont > ul {width:140px;}
#menu4 .smenu_area .section > ul.item_bnr{width:550px;}
#menu4 .smenu_area .section > ul.item_bnr.one {width:270px;}
#menu4 .smenu_area .section > ul.item_bnr > li{float:left;width:214px;margin-top:0;padding:0 30px;border-left:1px solid #e5e5e5;}
#menu4 .smenu_area .section > ul.item_bnr > li:first-child{border-left:0;}
#menu4 .smenu_area .section > ul.item_bnr > li .thumb.webzine{width:128px;height:158px;margin:0 auto;border:1px solid #d5d5d5;}
#menu4 .smenu_area .section > ul.item_bnr > li a.btn_down{display:block;width:86px;height:33px;margin:20px auto 0;padding:0 20px;border:1px solid #1f4bb4;background:#fff;}
#menu4 .smenu_area .section > ul.item_bnr > li a.btn_down span{display:inline-block;width:100%; font-size:14px;line-height:33px;color:#1f4bb4;}

/* menu5병원소식 */
#menu5 .section{height:380px;}
#menu5 .section .smenu_cont > ul {width:140px;}

/* 메뉴마스크 */
.header_dimmed{display:none;position:fixed; left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);font-size:0;line-height:0;z-index:4;}

#container{overflow:hidden;position:relative;width:100%;min-width:1100px;padding-top:0;}


/*검색메뉴*/
.search_menu{float: right; position: relative;}
.search_menu .search_comm{/* position:absolute; *//* top: 109px; *//* left: 71%; */font-size:0;line-height:0;}
.search_menu .search_comm a{position: absolute;/* top: 72px; */right: 58px;display: block;width: 58px;height: 52px;/* font-size: 0; */background: url(/img/common/btn_search.gif) no-repeat 50% 50% #eee;}
/* 통합검색오픈 */
#search_frm{overflow:hidden;position:fixed;left:0;right:0;top:0;padding: 110px 0 0;margin:-300px 0 0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;z-index:9999;}
#search_frm:before,
#search_frm:after{content:'';display:block;position:absolute;left:0;right:0;top:0;z-index:-1;}
#search_frm:before{bottom:100%;background:rgba(255,255,255,0);}
/* #search_frm:after{height:194px;background:#3e61b3;} */
#search_frm .srch_cls{display:none;}
#search_frm .srch_cls:before,
#search_frm .srch_cls:after{content:'';position:absolute;display:block;left:50%;top:50%;width:30px;height:3px;margin:-1px 0 0 -15px;background:#fff;opacity:0;}
#search_frm .srch_box{display:none;position:relative;width:1020px;margin:0 auto;padding:30px 40px;background:#fff;box-shadow:5px 10px 20px 0 rgba(0,0,0,0.5);opacity:0;}
#search_frm.open{overflow:visible;margin: 0;width: 100%;}
#search_frm.open:before{position:fixed;bottom:0;height:100%;background:#000;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;opacity:0.8;}
#search_frm.open .srch_box{display:block;visibility:visible;margin-top:0;opacity:1;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
#search_frm.open .srch_cls{overflow:hidden;display:block;position:absolute;right:50%;top:35px;width:30px;height:30px;padding:30px;margin-right:-550px;line-height:30px;background:none;border:0;white-space:nowrap;cursor:pointer;text-indent:-9999px;}
#search_frm.open .srch_cls:before,
#search_frm.open .srch_cls:after{opacity:1;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
#search_frm.open .srch_cls:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#search_frm.open .srch_cls:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#search_frm.open .srch_box,
#search_frm.open .srch_cls:before,
#search_frm.open .srch_cls:after{-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;}
#search_frm.open .srch_box .form{position:relative;padding:0 10px;border-bottom:2px solid #000;}
#search_frm.open .srch_box .form .txt_input{width:900px;height:50px;border:0;font-family:'NotoKrM';font-size:20px;color:#000;}
#search_frm.open .srch_box .form label{position:absolute;top:0;left:10px;font-size:20px;line-height:50px;color:rgba(0,0,0,0.5);letter-spacing:-0.05em;}
#search_frm.open .srch_box .form button.btn_srch{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;background:url(/img/common/search_icon2.png) no-repeat 50% 50%;background-size:cover;text-indent:-9999px;cursor:pointer;}

/*전체메뉴*/
#allmenu{float:right;}
#allmenu .on {position:absolute; top:0; margin-left:-58px; font-size:0;line-height:0;}
#allmenu .on a{display: block;width: 58px;height: 52px;  background: url(/img/common/allmenu_open.gif) no-repeat 50% 50% #0a4aa2;}
.allmenulist {position:absolute;top:51px;right: 0;background:#263143 url(/img/common/allmenu_bg.gif) no-repeat center bottom;width:100%;min-width:1000px;height:360px;border-top: 5px solid #0a4aa2;}
.allmenulist_wrap {position:relative;width: 1100px;height:360px;margin:0 auto;}
.allmenulist_wrap dl {float:left; width:219px; height:360px; border-left:1px solid #1b222f;}
.allmenulist_wrap dl.last {width:218px; border-right:1px solid #1b222f;}
.allmenulist_wrap dl dt {font-size:16px; color:#fff; line-height:20px; letter-spacing:-1px; font-weight:600; padding:20px 0 12px 25px; background:url(/img/common/allmenutit.gif) no-repeat left 23px;}
.allmenulist_wrap dl dd {padding:3px 0 3px 25px; font-size:12px; line-height:16px; letter-spacing:-1px;}
.allmenulist_wrap dl dd a {color:#bec3ca; text-decoration:none;}
.allmenulist_wrap dl dd a:hover {color:#fff;}
.allmenulist_wrap .close {position:absolute; bottom:0; right:1px; font-size:0; line-height:0;}

/*상단팝업*/
#thead_pop{width:100%;height:100px;background:#e0e0e0;}
#thead_pop .area{position:relative;width:1000px;margin:0 auto;}
#thead_pop .area .cont{width:100%;height:100px;margin-bottom:10px;overflow:hidden;clear:both;}
#thead_pop .area .cont ul{width:2000px;overflow:hidden;clear:both;}
#thead_pop .area .cont ul li{float:left;}
#thead_pop .area .close_btn{position:absolute;right:0;top:28px;}




/********************태블릿********************/
@media all and (max-width:1024px){

#container{min-width:auto;width:auto;}

#head{position:fixed;top:0;height:60px;background:#fff;z-index:30;}
#head #head_top{width:100%;height:60px;}
#head #head_top h1#logo{position:absolute;top:50%;left:20px;float:none;width:190px;margin-top:-15px;padding-top:0;text-align:center;}
#head #head_top h1#logo img{width:100%;}

/*상단팝업*/
#thead_pop{display:none !important;}

.top_menu,
#head_top .topmenu {display:none;}
/*로그인*/
.top_menu .wsize{min-width:100%;}
#head_top{width:100%;}
#menu_navi {display:none;}
#menu_navi > .menu_area{width:100%;}


/*ie 업데이트*/
#ieupdate {display:none;}


/* 모바일 오른쪽 메뉴 */
.viewAllMenu{display:block;position: fixed;top: 0;right: 0;z-index: 40;}
.viewAllMenu.open{position:fixed;right:0;top:0;width:70%;height:100%;box-sizing:border-box;z-index:9999;}
.viewAllMenu.open .btnViewAll{display:none;}
.viewAllMenu>button{display:block;position:absolute;right:0;top:0;width:60px;height:60px;text-indent:-9999em;z-index:8;cursor:pointer;  z-index:999; background:#0a4aa2 url(/img/common/allmenu_open.gif) no-repeat 50% 50%;background-size:20px auto; border:0;}
.viewAllMenu .con{display:none;position:relative;width:100%;height:100%;padding:0;box-sizing:border-box;z-index:1;background:#fff;}
.viewAllMenu.open .con{display:block;}
.viewAllMenu .con .mem_log{position:absolute;top:0;left:0;width:100%;height:60px;padding:0 20px;background:#0a4aa2;z-index:20;box-sizing:border-box;}
.viewAllMenu .con .mem_log ul{float:left;}
.viewAllMenu .con .mem_log ul li{display:table;float:left;height:60px;margin-right:20px;vertical-align:middle;}
.viewAllMenu .con .mem_log ul li a{display:table-cell;font-size:13px;font-family:'NotoKrM';color:#fff;letter-spacing:-0.05em;vertical-align:middle;}
.viewAllMenu .con .mem_log ul li a br{display:none;}
.viewAllMenu .con .mem_log .langbox{position:absolute;right:90px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:500;}
.viewAllMenu .con .mem_log .langbox .btnlang{display:block;min-width:25px;padding-right:15px;background-repeat:no-repeat;background-position:100% 50%;}

.viewAllMenu .con .mem_log .langbox .btnlang span{display:block;height:70px;padding-left:35px;line-height:70px;color:#fff;}
.viewAllMenu .con .mem_log .langbox .langlist{display:none;position:absolute;top:70px;left:0;width:100%;background:#fff;border:1px solid #d0d0d0;box-shadow:0 7px 7px rgba(0,0,0,0.2);z-index:20;}
.viewAllMenu .con .mem_log .langbox .langlist a{display:block;padding:10px 15px;transition:all 0.3s ease;line-height:normal;color:#000;}

.viewAllMenu .con .mem_quick {position:relative; padding-top:60px; width:100%;}
.viewAllMenu .con .mem_quick ul{overflow:hidden; width:100%; border-top:1px solid #dce2eb}
.viewAllMenu .con .mem_quick ul li {width:50%; float:left; border-left:1px solid #dce2eb; border-bottom:1px solid #dce2eb; margin-left:-1px; text-align:center;}
.viewAllMenu .con .mem_quick ul li.w100 {width:100%;} 
.viewAllMenu .con .mem_quick ul li.w100 a {background-color: #e1edff; word-break: keep-all; padding: 6px 20px; letter-spacing: 0;
    font-family: 'Lato','NotoKrM'; font-size: 12px; line-height:1.3;}
.viewAllMenu .con .mem_quick ul li a {font-size:13px; line-height:1; color:#2e3d52; display:block; padding:10px 0; background: #f3f7fd; }

.viewAllMenu .con .sns_area{position:absolute;top:70px;left:0;width:100%;padding:20px;background:#fff;box-sizing:border-box;z-index:10;}
.viewAllMenu .con .sns_area ul{overflow:hidden;width:100%;font-size:0;line-height:0;}
.viewAllMenu .con .sns_area ul li{float:left;width:30px;margin-left:20px;}
.viewAllMenu .con .sns_area ul li:first-child{margin-left:0;}
.viewAllMenu .con .sns_area ul li img{width:100%;}
.viewAllMenu .con nav{overflow-y:scroll;width:100%;height:100%;padding-bottom:70px;box-sizing:border-box; -ms-overflow-style: none;}
.viewAllMenu .con nav::-webkit-scrollbar {display:none;}
.viewAllMenu .con nav > ul{width:100%;}
.viewAllMenu .con nav > ul > li{border-bottom:1px solid #d5d5d5;}
.viewAllMenu .con nav > ul > li > a{display:block;padding:12px 20px;background-image:url(/img/common/nav_op.png);background-repeat:no-repeat;
background-position:95% 50%;background-size:19px auto;font-family:'NotoKrM';font-size:15px;letter-spacing:-0.05em;color:#000;}
.viewAllMenu .con nav > ul > li > a.on{background-image:url(/img/common/nav_cls.png);color:#0a4aa2;}
.viewAllMenu .con nav > ul > li span{display:inline-block;}
.viewAllMenu .con nav > ul > li:nth-child(1) span{transform: translate(20px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(2) span{transform: translate(40px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(3) span{transform: translate(60px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(4) span{transform: translate(80px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(5) span{transform: translate(100px, 0px);}
.viewAllMenu .con nav > ul > li:nth-child(6) span{transform: translate(120px, 0px);}
.viewAllMenu .con nav .jsMsubMenu{width:100%;}
.viewAllMenu .con nav .jsMsubMenu > ul{display:inline-block;width:100%;}
.viewAllMenu .con nav .jsMsubMenu > ul > li > a{display:block;padding:10px 30px;border-top:1px solid #e5e5e5;background-repeat:no-repeat;
background-position:95% 50%;background-size:15px auto; font-family:'NotoKrM';font-size:15px;color:#555;letter-spacing:-0.05em;}
.viewAllMenu .con nav .jsMsubMenu > ul > li > a.depth3{background-image:url(/img/common/nav_dep3_op.png);}
.viewAllMenu .con nav .jsMsubMenu > ul > li > a.on{background-image:url(/img/common/nav_dep3_cls.png);color:#0a4aa2;}
.viewAllMenu .con nav .jsMsubMenu > ul > li > ul{padding:10px 20px;background:#f5f5f5;}
.viewAllMenu .con nav .jsMsubMenu > ul > li > ul > li > a{display:block;padding:5px 15px;font-family:'NotoKrR';font-size:14px;color:#666;letter-spacing:-0.05em;box-sizing:border-box;}
.viewAllMenu .con a.fsite{display:block;position:absolute;left:0;bottom:0;width:100%;height:50px;background:#f1f1f1;font-family:'NotoKrB';font-size:13px;line-height:50px;text-align:center;color:#000;}

.viewAllMenu .langLink{position:absolute;left:0;bottom:0;width:100%;padding:30px 0;background:#0a4aa2;}
.viewAllMenu .langLink ul{overflow:hidden;padding:0 30px;}
.viewAllMenu .langLink ul li{float:left;margin-left:20px;}
.viewAllMenu .langLink ul li:first-child{margin-left:0;}
.viewAllMenu .langLink ul li a{display:block;padding-bottom:4px;font-family:'Roboto',sans-serif;font-size:13px;color:#fff;opacity:0.6;letter-spacing:0.025em;}
.viewAllMenu .langLink ul li a.on{opacity:1;background:url(/img/common/line_white.gif) repeat-x bottom;}

.viewAllMenu .btnAllClose{display:none;top:0;background:url(/img/common/mmenu_cls.png) no-repeat 50% 50% #0a4aa2; border:0; background-size:20px auto;z-index:1;}
.viewAllMenu.open .btnAllClose{display:block;}
.dimmed{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:99;}

#foot_wrap,
.foot_top {width:100%;}

}

/****************************** 모바일 ******************************/
@media all and (max-width:767px){
	
.viewAllMenu .con nav .jsMsubMenu > ul > li > a br{display:none;}

/* 통합검색오픈 */
#search_frm.open{padding:70px 15px 30px 15px;}
#search_frm.open .srch_box{padding:0;background:none;box-shadow:none;}
#search_frm.open .srch_box .form{position:relative;padding:0;border-bottom:0;}
#search_frm.open .srch_box .form .txt_input{width:100%;padding:0 10px;font-size:14px;box-sizing:border-box;}
#search_frm.open .srch_box .form label{font-size:14px;}
#search_frm.open .srch_box .form button.btn_srch{position:relative;top:10px;right:auto;width:100%;height:40px;background:#1e306f;text-indent:0;font-family:'NotoKrB';font-size:14px;color:#fff;}

/* 모바일 오른쪽 메뉴 */
.viewAllMenu.open{width:80%;}



}

/****************************** 모바일 ******************************/
@media all and (max-width:480px){

}

/****************************** 모바일 ******************************/
@media all and (max-width:400px){


}


/****************************** 웹 ******************************/
@media(min-width:1025px){
.viewAllMenu{display:none;}


}