@charset "utf-8";

body{background:#e0f3fa;}
.inner{position:relative;margin:0 auto;max-width:1320px;}
.inner:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
#bgW1{top:195px;}

#mainPopup{position:relative;padding:5px 0 0;background:#f9ecd9;z-index:1;}
#mainPopup:after{display:block;content:"";clear:both;}
#mainPopup .con{position:relative;max-width:1320px;margin:0 auto;}
#mainPopup .con > div{float:left;}
#mainPopup .con .title{display:block;margin-right:20px}
#mainPopup .con .title span{display:inline-block;font-size: 18px;font-weight:bold;vertical-align:top;line-height: 29px;}/*20200217*/
#mainPopup .con .title span em{color:#cf6100;}
#mainPopup .con .title ul{display:inline-block;}
#mainPopup .con .title ul li{position:relative;float:left;width:30px;height:30px;line-height:28px;text-align:center;background:#dd792e;font-size:22px;font-weight:bold;color:#fff;border-radius:5px;margin:0 2px;}
#mainPopup .con .title ul li:first-child{margin-right:20px;}
#mainPopup .con .title ul li:first-child:after{display:block;content:"";position:absolute;right:-15px;top:15px;width:8px;height:2px;background:#555;}
#mainPopup .con .list li{position:relative;float:left;line-height:30px;margin-right:30px;padding-left:8px;}
#mainPopup .con .list li:after{display:block;content:"";position:absolute;left:0px;top:14px;width:3px;height:2px;background:#555;}
#mainPopup .con .closeWrap{position:absolute;top:5px;right:10px;font-size:13px;}
#mainPopup .con .closeWrap input[type="checkbox"]{position:static;-webkit-appearance:checkbox;vertical-align:top;}
#mainPopup .con .closeWrap input[type="checkbox"] + label:before,
#mainPopup .con .closeWrap input[type="checkbox"] + label:after{display:none;}
#mainPopup .con .closeWrap a.closeBtn{display:inline-block;margin-left:20px;}
#mainPopup .con .closeWrap a.closeBtn:hover{text-decoration:none;}

#header{max-width:1320px;height:auto;}
#header:after{display:block;clear:both;content:"";background:#e8e8e8;height:1px;position:absolute;top:76px;left:0;right:0;}
#header #header_global{height:77px;}
#header #logo{text-align:left;padding-top:8px;}
#header #global{top:28px;}
#header #global li{position:relative;padding:0 13px 0 22px;font-weight:400;margin-left:8px;}
#header #global li:first-child{background:url(/static/images/portal/layout2019/globalLink_bg.png) no-repeat left 1px}
#header #global li.second{background:url(/static/images/portal/layout2019/globalLink_bg.png) no-repeat left -21px}
#header #global li.third{background:url(/static/images/portal/layout2019/globalLink_bg.png) no-repeat left -43px}
#header #global li.fourth{background:url(/static/images/portal/layout2019/globalLink_bg.png) no-repeat left -65px;padding-right:0}
#header #global li:last-child{background:none;padding-right:0;padding-left:10px;}
#header #global li:after{display:block;content:"";clear:both;width:1px;height:14px;background:#ddd;position:absolute;top:50%;right:0;margin-top:-6px;}
#header #global li:last-child:after,
#header #global li.fourth:after{display:none;}
#header #global li.eng a{border:1px solid #9a9ca5;padding:0 10px;background:none;}
.tsh{float:none;width:100%;border:1px solid #ddd;background:#f8f8f8;border-radius:50px;height:44px;}
.tsh > form > span{display:block;margin-right:0;background:none;margin:4px 7px 0 7px;}
.tsh .inp{border:0;background:#f8f8f8;}
.posr{position:absolute !important;top:15px;left:0;right:0;width:362px;margin:0 auto;}
#searchLayer{border:0;}
#searchLayer .predictive{border:1px solid #1a2851;border-top:0;}
#gnbWrap{padding:0}
.Allmenuwrap{position:relative;}
.AllmenuBtn{top:4px;right:0;border:0;}
#gnb > ul{padding-right:48px;}
#gnb{padding:0;height:53px;margin-bottom:0;}
#gnb > ul > li{width:20%;background:none;}
#gnb > ul > li:last-child a:after{display:none;}
#gnb > ul > li > a{position:relative;}
#gnb > ul > li > a:after,
#gnb > ul > li.on > a:after,
#gnb > ul > li.hover > a:after{content:"";display:block;clear:both;width:1px;height:20px;background:#ddd;position:absolute;top:50%;right:0;margin-top:-10px;left:auto;}
#gnb > ul > li:last-child a:after,
#gnb > ul > li:last-child.on > a:after,
#gnb > ul > li:last-child.hover > a:after{display:none;}
#gnb > ul > li > a > span{padding:18px 1% 19px;position:relative;}
#gnb > ul > li.hover > a > span{color:#2aa173;}
#gnb > ul > li.hover > a > span:after{display:block;content:"";position:absolute;left:50%;top:0;margin-left:-50px;width:100px;height:2px;background:#2aa173;}
#gnb>ul>li>a{color:#171717;font-size:16px;}
/* 서브메뉴 */
#gnb > ul > li > div{top:129px;border:0;border-top:1px solid #bbdfd1;}
#gnb > ul > li > div.gnbArea > ul > li:first-child{border:0;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit{background:#2aa173 url(/static/images/portal/layout2019/bg_gnb1.png) center top no-repeat;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit:after{display:none;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit > span{font-size:2em;padding-top:4.5em;text-align:right;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit span b{position:relative;font-weight:400;padding-right:30px;}
#gnb > ul > li > div.gnbArea > ul > li > a{background:#20865e}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit span b:after{display:block;content:"";width:100px;height:100px;position:absolute;top:-100px;right:30px;background:url(/static/images/portal/layout2019/bg_gnb_icon1.png) 0 0 no-repeat;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit span b.icon2:after{background:url(/static/images/portal/layout2019/bg_gnb_icon2.png) 0 0 no-repeat;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit span b.icon3:after{background:url(/static/images/portal/layout2019/bg_gnb_icon3.png) 0 0 no-repeat;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit span b.icon4:after{background:url(/static/images/portal/layout2019/bg_gnb_icon4.png) 0 0 no-repeat;}
#gnb > ul > li.hover > div.gnbArea > div.gnbtit span b.icon5:after{background:url(/static/images/portal/layout2019/bg_gnb_icon5.png) 0 0 no-repeat;}
/*#gnb > ul > li > div.gnbArea > ul{background:#f3f3f3;padding:20px 8% 0 30px}
#gnb > ul > li > div.gnbArea > ul > li{width:25%;display:block;float:left;border:0;margin-bottom:20px;padding-left:10px;}
#gnb > ul > li > div.gnbArea > ul > li:nth-child(4n+1){clear:both;}
#gnb > ul > li > div.gnbArea > ul > li > a{color:#171717;text-align:left;background:none;width:auto;display:block;padding:0;}
#gnb > ul > li > div.gnbArea > ul > li > ul > li{float:none;}
#gnb > ul > li > div.gnbArea > ul > li > ul{padding:0;display:block;}
#gnb > ul > li > div.gnbArea > ul > li > ul > li{padding-top:2px;}
#container{background:#e0f3fa url(/static/images/portal/layout2019/container_bg.png) 0 0 repeat-x;}*/
#wrapper{position:relative;background:#e0f3fa url(/static/images/portal/layout2019/container_bg.png) 0 129px repeat-x;}
#wrapper:before{display:block;content:'';position:absolute;top:0;left:0;right:0;height:129px;background:#fff;}
.bannerZone{position:relative;height:72px;}
.bannerZone .bannerNew{padding:0 0 0 140px;width:1024px;height:49px;}
.bannerZone .bannerNew ul li{padding:0 4px;}
.bannerZone .bannerNew ul li img{height:49px;}
.bannerZone .bannerNew .slick-prev{background:url(/static/images/portal/layout2019/banner_ctrl_bg.png) no-repeat left top;width:30px;height:39px;text-indent:-999em;left:-130px;position:absolute;top:5px;z-index:2}
.bannerZone .bannerNew .slick-next{background:url(/static/images/portal/layout2019/banner_ctrl_bg.png) no-repeat -59px top;width:29px;height:39px;text-indent:-999em;left:-71px;position:absolute;top:5px;z-index:2}
.bannerZone .bannerCtrl{position:absolute;left:0;top:5px;width:129px;height:39px;z-index:1}
.bannerZone .bannerCtrl .slick-start{background:url(/static/images/portal/layout2019/banner_ctrl_play.png) no-repeat 0 0;width:30px;height:39px;text-indent:-999em;left:39px;top:0;position:absolute;display:none;}
.bannerZone .bannerCtrl .slick-stop{background:url(/static/images/portal/layout2019/banner_ctrl_bg.png) no-repeat -29px top;width:30px;height:39px;text-indent:-999em;left:39px;top:0;position:absolute;}
.bannerZone .bannerCtrl .banner-all{position:absolute;left:98px;top:0;background:url(/static/images/portal/layout2019/banner_ctrl_bg.png) no-repeat right top;width:29px;height:39px;text-indent:-999em;}
.family{position:absolute;top:0;right:0;z-index:10;float:none;padding:0;}
.family .familySel{background:#6e6e6f;width:236px;height:49px;border:0;}
.family .familySel select{height:49px;color:#ffffff;}
.family .familySel select option{color:#171717}
#footer a{font-size:1em;letter-spacing:0;font-weight:bold;}
#footer .foot{padding:0 0 30px 0}
.f_menu{line-height:40px}
/* 전체메뉴 */
#Allmenu > .Allmenu_box > div.Allmw .popSchW .popSch{border:1px solid #ddd;background:#f8f8f8;margin-top:1%;margin-bottom:1%;}
#Allmenu > .Allmenu_box > div.Allmw .popSchW .popSch .inp{background:#f8f8f8;}
.qMenuBtnW .qMenuMobile {border:1px solid #008d96;padding:5px;margin:0 0 5px 0}
.qMenuBtnW .qMenuMobile a{background:url(/static/images/portal/layout2019/bu_arr1.png) no-repeat right center;padding-right:30px;color:#008d96 !important;}
.Allmenu_con{border-top:2px solid #92a8a9;margin-bottom:20px}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li{width:12.5%;padding:0;margin:0;border:0;border-right:1px solid #ddd;background:none;min-height:300px;border-bottom:1px solid #ddd;}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li > a{padding:15px 0;border-right:0;display:block;border-bottom:1px solid #ddd;text-align:center;color:#008d96;font-size:1.2em}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li.type{min-height:300px;}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(6){clear:none;}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li > ul > li:before{content:"";}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li > ul > li{padding-left:7px;background:url(/static/images/portal/layout2019/Allmenu_bullet.png) 0 center no-repeat;}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li > ul{padding-left:10px;}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(5){width:14%}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(8){border-right:0;width:11%}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(2){width:11.5%}
#Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(7){width:13.5%}
.allmenuBtnwrap{width:50%;float:left;margin-top:30px;}
.allmenuBtnwrap > div{position:relative;width:100%;padding-left:100px;line-height:90px;}
.allmenuBtnwrap.btn1 > div{background:#008d96 url(/static/images/portal/layout2019/Allmenu_left_bg.png) 30px center no-repeat;;color:#fff;border-right:10px solid #fff}
.allmenuBtnwrap.btn1 > div:after{display:block;content:"";width:26px;height:26px;position:absolute;top:50%;margin-top:-13px;right:20px;background:#008d96 url(/static/images/portal/layout2019/Allmenu_left_arrow.png) 0 0 no-repeat;}
.allmenuBtnwrap.btn2 > div{background:#008d96 url(/static/images/portal/layout2019/Allmenu_right_bg.png) 30px center no-repeat;color:#fff;border-left:10px solid #fff}
.allmenuBtnwrap.btn2 > div:after{display:block;content:"";width:26px;height:26px;position:absolute;top:50%;margin-top:-13px;right:20px;background:#008d96 url(/static/images/portal/layout2019/Allmenu_left_arrow.png) 0 0 no-repeat;}
.allmenuBtnwrap.btn2 a{color:#fff;font-size:20px;font-weight:bold;}
.allmenuBtn p{font-size:20px;}
.allmenuBtn ul li{float:left;display:block;position:relative;padding:0 10px;}
.allmenuBtn ul li:after{content:"";width:1px;height:10px;display:block;background:#fff;position:absolute;top:50%;right:0;margin-top:-3px;}
.allmenuBtn ul li:last-child:after{display:none;}
.allmenuBtnwrap{position:relative;}
.allmenuBtn ul{position:absolute;top:0px;left:286px}
.allmenuBtn ul li a{display:block;color:#fff;}
/* 자주찾는메뉴 */
.popup.type1.qMenu_type{background:#fff url(/static/images/portal/layout2019/bg_qMenu.jpg) 0 0 repeat-x;}
.popup .qMenu_area1 .popSch{border:0;width:442px;padding:9px 0 11px 0;}
.popup .qMenu_area1 .popSch .inp{width:380px;}
.popup .qMenu_area2 .smBoxL .smBox{background:#fff;}
.popup .qMenu_area2 .smBoxR{background:none;height:379px;}
.popup .qMenu_area2 .smBoxR .smBoxR_bg{background:#fff;}
.popup .qMenu_area2{margin:40px auto;width:738px;}
.popup .qMenu_area2 .smBoxR .smBoxR_bg{padding-top:130px;}
.popup .qMenu_area2 .smBoxL .smBox ul > li > div{position:absolute;top:0;right:0;width:300px;height:380px;padding:30px;display:none;}
.popup .qMenu_area2 .smBoxL .smBox:hover{background:none}
.popup .qMenu_area2 .smBoxL .smBox:hover h2,
.popup .qMenu_area2 .smBoxL .smBox:hover ul>li>a,
.popup .qMenu_area2 .smBoxL .smBox:hover ul>li>a:hover{color:#2d3740}
.snswrap2{display:none;}
/*sub page*/
#lnb h3, .lnb h3 {background: #008d96 url(/static/images/portal/layout2019/bg_lnbTit.png) 35px bottom no-repeat;}
.qMenu a{background: #008d96 url(/static/images/portal/main/bu_qmenu.png) no-repeat center 9px}
.VtWrap ul.Vt_info li {background:#e2e4e9;text-align:left;}
.VtWrap ul.Vt_info li a{position:relative;padding-left:15px;color:#333;}
.VtWrap ul.Vt_info li a:before{display:block;content:"";width:3px;height:3px;background:#666;position: absolute;top:50%;left:7px;margin-top:-1px;}
.pageQna{font-size:12px;margin-top:5px;}
.pageQna p{margin-bottom:3px;background: url(/static/images/common/ico/ico_caution.png) left 1px no-repeat;padding-left: 17px;}
.pageQna ul li{display:block;float:left;padding:3px 8px;background:#f2f4f6;margin-right:5px;border:1px solid #ccc}
.pageQna ul li a{display:block;color:#333;}

/* 로그인버튼 */
.loginSet .loginBox .btn_login{background:#008d96 }

.txtGray{color:#767676;}
.txtPdl5{padding-left:5px;}
.mgt5{margin-top:5px;}

/* 20200225 웹접근성 명도대비 관련 색 조정 */
.bxType .txt1,
.stepList1 > ul > li .txt1,
.col_pink,#lnb > ul > li.on > ul > li.on > a, .lnb > ul > li.on > ul > li.on > a{color:#ec5089}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus{color:#fff;background:#ec5089}

/* /////////////////////////////////////////////////////////////////////////////////////// Responsive /////////////////////////////////////////////////////////////////////////////////////// */

/*Mobile*/
@media all and (max-width:1670px){
	#gnb > ul > li.hover > div.gnbArea > div.gnbtit > span{display:none;}
}
@media all and (max-width:1500px){
    #gnb>ul>li.hover>div.gnbArea>div.gnbtit>span{display:block;font-size:1.5em}
	.gnbtit > span > b{display:none;}
}
@media all and (min-width:1025px) and (max-width:1302px){
    .bannerZone .bannerNew{width:auto;margin-right:290px}
}
@media all and (max-width:1230px){
    .allmenuBtn ul {position: absolute;top: 23px;left: 90px;}
}
@media all and (max-width:1024px){
	#wrapper:before{height:76px;}
	#header:after{top:76px;}
	#mainPopup .con .title{margin:0 10px}
	#mainPopup .con .list li:first-child,
	#mainPopup .con .list li:last-child:after,
	#mainPopup .con .list li:last-child b{display:none;}
	#mainPopup .con .list li{font-size:16px}
	#wrapper{background: #e0f3fa url(/static/images/portal/layout2019/container_bg.png) 0 77px repeat-x;}
    #header{border:0;}
    #header #logo img{width:auto;}
    #header #header_global{height:80px;}
    #header #logo{text-align:center;height:56px;padding-top:10px;float:none;}
    .posr{width:auto;top:27px;}
    .schBtn.on{right:5px;top:-15px;display:block !important;}
    .schClose.on{right:15px;top:-2px;display:block !important;}
    .tsh{display:none;right:52px;top:-12px;width:70%}
    #global{display:none;}
    .AllmenuBtn{left:0;right:auto;top:-62px;}
    #gnb{height:auto;}
    #gnb > ul{display:none;}
    #gnbWrap{float:none;}
    #footer>.inner,.bannerZone>.inner{max-width:100%;min-width:100%;padding:0 10px;}
    .bannerZone{margin:0 10px;height:auto;}
    .bannerZone>.inner{padding:0;}
    .bannerZone .bannerNew{width:auto;margin-right:200px;height:auto;}
    .bannerZone .bannerNew ul li img{height:39px;}
    .bannerZone .bannerCtrl,
    .bannerZone .bannerNew .slick-prev,
    .bannerZone .bannerNew .slick-next{top:0;}
    .f_add{padding:20px 0 0 0;text-align:left;}
    .f_add span{display:inline-block}
    .f_menu{line-height:inherit}
    .f_menu ul{float:none;text-align:center}
    .f_menu ul li{background:url(/static/images/common/line.gif) no-repeat left 50%;border:0;border-width:0;width:auto;padding:0 9px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:none;display:inline-block;}
    .f_menu .f_sns{float:none;text-align:center;padding:5px 0;}
    .family{left:inherit;margin-left:0;}
    .family .familySel{width:100%;position:relative;}
    .family .input_img{position:absolute;right:0;top:0;}
    .txtPdl5{padding-left:0;}
}

@media all and (max-width:1023px){
    .family .familySel{height:39px}
    .family .familySel select{height:39px;}
    .family .input_img{height:39px;}
    #wrapper:before{height:77px;}
    #wrapper{background:none;}
}
/*Phone*/
@media all and (max-width:768px){
	#mainPopup .con .closeWrap a.closeBtn{margin-left:10px;}
	#mainPopup .con .title,
	#mainPopup .con > div,
	#mainPopup .con .list li{float:none;text-align:center;margin:0;padding:0;}
	#mainPopup .con .closeWrap input,
	#mainPopup .con .closeWrap label{display:none;}
	#mainPopup .con .closeWrap a{margin:35px 0 0 0;}
	/*20200102수정*/
	#mainPopup .con .title ul li{width:22px;height:22px;line-height:21px;font-size:16px;}
	#mainPopup .con .title span{font-size:16px;line-height:21px;}
	#mainPopup .con .title ul li:first-child:after{top:10px;}
	/*//20200102수정*/
}
@media all and (max-width:767px){
    body {background: #f3f1f3;}
    .hgroup h2{padding:30px 0 18px}
    .qMenuBtnW{background:#008d96 !important;width:100%;padding:5px 10px 10px !important;}
    .qMenuBtnW .qMenuBtn a.login{display:block;background:url(/static/images/portal/layout2019/Allmenu_login.png) 0 center no-repeat;line-height:30px;padding-left:30px;}
    .qMenuBtnW .qMenuBtn a.join{display:block;background:url(/static/images/portal/layout2019/Allmenu_join.png) 0 center no-repeat;line-height:30px;padding-left:30px;}
    .qMenuBtnW .qMenuBtn a.eng{border-radius:30px;border:1px solid #fff;padding:3px 10px 4px;background:none}
    .qMenuBtnW .qMenuMobile{margin:0;padding:0;border:0;}
    .qMenuBtnW .qMenuMobile a{background:#fff;border-radius:30px;border:1px solid #fff;padding:3px 10px 4px;display:inline-block}
    .qMenuBtnW .qMenuBtn{margin-top:7px;}
    .qMenuBtnW .qMenuMobile{margin-top:7px;}
    .qMenuBtnW > .f_right{float:right !important;}
    .AllmenuBtnClose{top:0;right:-60px;}
    .snswrap2{position:absolute;top:60px;right:-50px;}
    .snswrap2 li{display:block;margin-bottom:3px;}
    #Allmenu{top:0;left:0;}
    #Allmenu > .Allmenu_box > div.Allmw > div{padding:0;}
    #Allmenu > .Allmenu_box{position:fixed;left:0;top:0;right:80px;bottom:0;width:auto;background:#fff;}
    #Allmenu > .Allmenu_box > div.Allmw .popSchW{display:none;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul{background:#fff;padding:10px;border:0;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li{width:100%;border-right:0;min-height:auto;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li > a{text-align:left;color:#171717;background:url(/static/images/portal/layout2019/AllmenuBtn_listDown.png) 95% center no-repeat;border-bottom:0;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li.active > a{background:url(/static/images/portal/layout2019/AllmenuBtn_listUp.png) 95% center no-repeat;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li.active > ul{display:block;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li > ul{background:#e3f4f5;margin:0;padding:10px;border-top:2px solid #008d96;display:none;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li > ul > li{margin:0;line-height:180%;font-size:1.2em}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li.type{min-height:auto;}
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(5),
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(2),
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(7),
	#Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(8){width:100%}
    .Allmenu_con{border:0;}
    .allmenuBtnwrap{float:none;width:100%;margin-top:0;}
    .allmenuBtnwrap.btn1 > div{border:10px solid #fff;border-bottom:5px solid #fff;background:#008d96 url(/static/images/portal/layout2019/AllmenuBtn_bg01.png) 10px center no-repeat; padding-left:50px;line-height:70px;padding-bottom:20px}
    .allmenuBtnwrap.btn2 > div{border:10px solid #fff;border-top:5px solid #fff;background:#8d919d url(/static/images/portal/layout2019/AllmenuBtn_bg02.png) 5px center no-repeat; padding-left:50px;line-height:70px;}
    .allmenuBtnwrap.btn2 > div a{color:#fff;}
    .allmenuBtnwrap.btn1 > div:after,
    .allmenuBtnwrap.btn2 > div:after{background:url(/static/images/portal/layout2019/AllmenuBtn_arrow.png) 0 0 no-repeat;right:5px;}
    .allmenuBtn p{font-size:inherit}
    .allmenuBtn ul{top:25px;left:39px;}
    .allmenuBtn ul li a{display:inline;font-size:0.85em;}
    .bannerZone{height:auto;}
    .bannerZone .bannerNew{position:relative;}
	.bannerZone .bannerNew{width:100%;height:39px;padding:0 65px 0 35px;}
    .bannerZone .bannerNew .slick-prev{position:absolute;left:-35px;top:0;}
    .bannerZone .bannerNew .slick-next{background:url(/static/images/portal/layout2019/banner_ctrl_bg.png) no-repeat -58px top;width:30px;height:39px;text-indent:-999em;position:absolute;right:-35px;left:auto;}
    .bannerZone .bannerCtrl .slick-start,
    .bannerZone .bannerCtrl .slick-stop{display:none;}
    .bannerZone .bannerCtrl{left:auto;right:0}
    .bannerZone .bannerCtrl .banner-all{width:30px;}
    .familyNew{position:relative;height:39px;left:0;margin-left:0;margin-top:10px;}
    .family .familySel{position:relative;width:100%;}
    .snswrap2{display:block;}
    .allmenuBtnwrap.btn2 a{font-size:inherit;}
    .hgroup .lnb1dept li {border-bottom:1px solid #25bbc5;color:#fff;display:block;padding:3px;background:#008d96 url(/static/images/common/bu1.gif) 10px center no-repeat;}
    .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus {background:#008d96;border:1px solid #1b9aa2;}
}
@media all and (max-width:639px){
    .f_add{padding:10px 0 0 0;}
    #footer .foot{padding:0 0 10px 0;}
    .popup .qMenu_area2{width:auto;}
    .popup .qMenu_area2 .smBoxL .smBox ul > li > a{display:inline;}
    .popup .qMenu_area2 .smBoxL .smBox{height:auto;width:100%;}
    #wrapper:before{height:65px;}
    #header:after{top:65px}
    #header #header_global{height:65px;}
    #header #logo {padding-top: 10px;}
    #header #logo img{width:175px;}
    .schBtn.on {right: 5px;top: -23px;}
    .schClose.on{right:13px;top:-13px;display:block !important;}
    .AllmenuBtn{top:-56px;}
	.tsh{top:-20px}

}
@media all and (max-width:425px){
    #container {margin-top: 0;}
    .hgroup h2{padding:18px 0}
}
@media all and (max-width:360px){
    #Allmenu > .Allmenu_box > div.Allmw > div > ul > li:nth-child(2){border-top:0;}
}
/*Tablet*/
@media all and (min-width:1025px) and (max-width:1480px){
	.posr{left:280px; right:inherit; width:240px; maring:0;}
}
@media all and (max-width:1280px){
	.tsh{position:absolute;}
}
@media all and (min-width:768px){
    .qMenuBtnW .qMenuBtn {
        float: left;
        display: block;
        margin-right: 3px;
        border:1px solid #008d96;
        padding:5px;
    }
    .qMenuBtnW .qMenuBtn a {
        color:#008d96;
        background:#fff;
        border-radius: 0;
        padding:0;
        display: inline-block;
    }
}
/* ======================================== slick.css ========================================*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* social login 20190916 */
.logWrap{padding:0 20px;}
.logWrap:after{display:block;content:'';clear:both;}
.loginSet .loginBox{padding:0 140px;}
.loginSet .loginBox .btn_login{right:140px;}
.logItem2 .loginSet{height:178px;}
.logItem2 a{display:block;margin:0 auto;padding-left:72px;max-width:246px;height:39px;border-radius:2px;font-size:15px;line-height:39px;box-sizing:border-box;}
/* .logItem2 .icon1{margin:10px auto;background:#fee101 url(/static/images/common/bg_logItem2_1.gif) no-repeat left center;} */
.logItem2 .icon1{margin:30px auto 10px;background:#fee101 url(/static/images/common/bg_logItem2_1.gif) no-repeat left center;}
.logItem2 .icon2{margin-bottom:8px;background:#2db400 url(/static/images/common/bg_logItem2_2.gif) no-repeat left center;color:#fff;}
.logItem2 .icon3{background:#289bc2 url(/static/images/common/bg_logItem2_3.gif) no-repeat left center;color:#fff;}
.logReWrap .loginSet{height:206px;}
.logW .logHalf.col3{width:32.3333%;}
.logItem2.col3{float:right;width:32.3333%;}
.loginSet .memBox.col3{width:33.3333%;}
.loginSet .memBox.social{margin-left:1%;width:32.3333%;border-left:1px solid #dbdce0;}
.loginSet .memBox{padding:0 2% !important;}
.logItem2.underLine{border-bottom:1px solid #ddd;}


@media all and (max-width:1230px){
.logWrap{padding:10px;}
.logItem2 a{padding-left:50px;}
.logItem2 a{font-size:13px;}
}
@media all and (max-width:767px){
.loginSet .loginBox{padding:0;}
.loginSet .loginBox .btn_login{right:0;}
.logItem1,
.logItem2{float:none !important;width:auto !important;}
.logItem2 a{padding-left:60px;}
.logItem2 a{font-size:14px;}
.logReWrap .loginSet{height:auto;}
.logReWrap .logItem2 .icon1{margin-top:0;}
.logW .logHalf.col3{float:none;width:auto;}
.loginSet .memBox.col3{width:50%;}
.loginSet .memBox.col3.social{width:100%;border-left:0px;}
.logItem2 .txtEtc{text-align:center;}
}
.main-img{
	display: block;
	margin: 0 auto;
}

/* default: pc */
.responsive-m,.responsive-s{ display: none; }

/* tablet */
@media all and (max-width:1024px){
	.responsive-m{ display: block; }
	.responsive-l,.responsive-s{ display: none; }
}
/* mobile */
@media all and (max-width:350px){
	.responsive-s{ display: block; }
	.responsive-l,.responsive-m{ display: none; }
}