@import url('fonts.css');
@import url('reset.css');

* {box-sizing:border-box;}
body{
		overflow-x: hidden;
		font-family: 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
		color:#333;
	}

/*--------------------------------------------------------*/
    /*LAYOUT*/
/*--------------------------------------------------------*/

/* 레이아웃 */
.max_width{
    width: calc(100% - 60px);
    max-width:1200px;
    margin: auto;
}
* {-webkit-font-smoothing: antialiased;}

/* layout */

#header_pc{position:relative; z-index:105;background:#fff;}
#header.tabletVer{display:none;}
#header_pc .hdTopWrap{ border-bottom:1px solid #ddd; width:100%; height:90px;}
#header_pc .hdTopWrap .utillArea{position: relative; max-width:1200px;padding:0 0 0 0px; width:100%; width:100%;margin:0 auto;text-align:left;}
#header_pc .hdTopWrap .utillArea .logo{text-align:Center;display:inline-block;padding:19px 0;}
#header_pc .hdTopWrap .utillArea .logo img{}
#header_pc .hdTopWrap .utillArea .logo img.logo1{width:220px;padding-right: 20px;margin-right: 15px;border-right: 1px solid #ddd;}
#header_pc .hdTopWrap .utillArea .logo img.logo2{height: 48px;}
#header_pc .hdTopWrap .utillArea .logo a{line-height:0;display: inline-block;}
#header_pc .hdTopWrap .right_ut{margin:37px 8px;position: absolute; right: 0px; top: 0px;}
#header_pc .hdTopWrap .right_ut li{float:left;}
#header_pc .hdTopWrap .right_ut li a{position:relative;font-size:13px; color:#666;padding:0 10px;}
#header_pc .hdTopWrap .right_ut li a:before{content:'';width:1px;height:9px; background:#666; position:absolute; left:0;top:50%;margin-top:-4.5px;}
#header_pc .hdTopWrap .right_ut li:last-child a{padding-right:0}
#header_pc .hdTopWrap .right_ut li:first-child a:before{display:none;}
#header_pc .hdTopWrap .right_ut li.welcome{font-size:13px; color:#666;padding:0 10px;}
#header_pc .hdTopWrap .right_ut li.welcome strong{color:#111}
#header_pc .hdTopWrap .right_ut li.mypg{position:relative;}
#header_pc .hdTopWrap .right_ut li.mypg .mypg_menu{display:none;padding-top:8px;z-index: 9;position:absolute;left:50%;transform:translateX(-50%);}
#header_pc .hdTopWrap .right_ut li.mypg:hover .mypg_menu{display:block;}
#header_pc .hdTopWrap .right_ut li .mypg_menu{}
#header_pc .hdTopWrap .right_ut li .mypg_menu ul{background: #fff;border: 1px solid #ddd;padding: 15px 0;width:150px;box-shadow:3px 5px 10px rgba(0,0,0,0.4);}
#header_pc .hdTopWrap .right_ut li .mypg_menu li{float:none;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd;}
#header_pc .hdTopWrap .right_ut li .mypg_menu li:last-child{margin-bottom:0px;border-bottom:0;padding-bottom:0;}
#header_pc .hdTopWrap .right_ut li .mypg_menu li div.title{margin-bottom:5px;font-size:13px;padding:0px 15px;font-weight:bold;}
#header_pc .hdTopWrap .right_ut li .mypg_menu a{width:100%;display:inline-block;padding:5px 15px;font-size:13px;}
#header_pc .hdTopWrap .right_ut li .mypg_menu a:hover{background:#2a6fd6;color:#fff;}
#header_pc .hdTopWrap .right_ut li .mypg_menu a:before{display:none}

#header_pc .gnb .sns_ut{float:right;padding:18px 0;position: absolute; right: 0px; top: 0px;}
#header_pc .gnb .sns_ut li{float:left;padding:0 8px;}
#header_pc .gnb .sns_ut li:last-child{padding:0 0px 0 8px;;}

#header_pc .gnb{border-bottom:1px solid #ddd; height:60px; color:#111;}
#header_pc .gnb.on{position: fixed;left: 0; top: 0; z-index:500; background: #fff; width: 100%; border-bottom: 1px solid #2a6fd6;}
#header_pc .hdWide{display:none;width:100%;height:300px;background:#fff;position:fixed; left:0;top:60px;}
#header_pc.on .hdWide.on{display:block;}
#header_pc .gnb.on .ol{box-shadow:0 4px 10px 5px rgba(0,0,0,0.05);}
#header_pc .gnb .gnbWrap{max-width:1200px;padding:0 0 0 0px; width:100%; width:100%;margin:0 auto;text-align:left;position:relative;}
#header_pc .gnb ul.gnbUl{display:inline-block; padding:21px 0 22px;}
#header_pc .gnb ul.gnbUl > li{float:left;position: relative; text-align: left;width:140px;}
#header_pc .gnb ul.gnbUl > li > a{position: relative; padding:17px 38px 17px 20px; font-size:17px; color:#333; font-weight:500;}
#header_pc .gnb ul.gnbUl > li > a:hover{color:#2a6fd6;}
#header_pc .gnb ul.gnbUl > li:last-child > a{padding-right:0;}
#header_pc .gnb ul.gnbUl li.on > a{color:#2a6fd6; position: relative;}
#header_pc .gnb ul.gnbUl li.active > a{color:#2a6fd6; position: relative;}
.gnbBg{/*display:none*/opacity:0;visibility: hidden;}
.gnbBg.on{display:block;width: 100%;height: 100%;background: rgba(0,0,0,0.45);position: fixed;top: 0;z-index:104;visibility: visible;opacity:1;}

#header_pc .gnb.on .wrap_lnb{top:60px;}
/* lnb */
/* 100% 배경 */
#header_pc.on:after{width:100%;content:'';height:300px;background:#fff;position:absolute; left:0;}
#header_pc .wrap_lnb {display:none; position:absolute; top:150px; left:0; width:100%; background-color:#fff;box-shadow:0px 4px 7px rgba(0,0,0,0.1);z-index:99;}
#header_pc .lnb{width:1200px; margin:0 auto;}
#header_pc .lnbUl {/*position:absolute;  width:100%;*/max-width:1200px;display:table;}
#header_pc .lnbUl:after {display:block; clear:both; height:0; content:'';}
#header_pc .sticky-header.fixed .wrap_lnb{top:91px;}
#header_pc .lnbUl > li:last-child{border-right:0;}
/* lnb 각 메뉴 */
#header_pc .gnbUl > li .wrap_lnb_menu{position:absolute;left:0;top:39px;}
#header_pc .gnbUl > li  .wrap_lnb_menu{display:inline-block; vertical-align:top;width:140px; padding:20px 0;border-right:1px solid #ddd;height:300px;z-index:1}
#header_pc .gnbUl > li:last-child .wrap_lnb_menu {border-right:0;}
#header_pc .wrap_lnb_menu {display:none;background:#fff;}
#header_pc .lnb_menu{background:#fff;}
#header_pc .lnb_menu > li > a {display:block; height:36px; text-align:left; font-weight:400; font-size:14px; line-height:35px; color:#777;padding:0 20px;}
#header_pc .gnb ul.gnbUl .lnb_menu li.on > a,
#header_pc .lnb_menu > li > a:hover,
#header_pc .lnb_menu > li.on > a {font-weight:500; color:#fff;background:#2a6fd6;}
/*#header_pc .wrap_lnb_menu:hover li a{font-weight:500;}*/
#header_pc .gnb .sns_ut,
#header_pc .hdTopWrap .right_ut{
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
@media all and (max-width:1300px) {

#header_pc .hdTopWrap .right_ut{position: absolute;right:140px;top:0}
#header_pc .gnb .sns_ut{position: absolute;
    right: 20px;
    top: -75px;}
}
@media all and (max-width:1200px) {
#header_pc .hdTopWrap .utillArea .logo{padding:20px 20px;}
#header_pc .gnb{padding-left:20px;}
#header_pc .lnbUl > li:first-child{width:140px;}
#header_pc .lnbUl > li:first-child .lnb_menu > li a{padding-left:20px;}

.max_width{width:calc(100% - 30px);}
}
@media all and (max-width:1023px){
.gnbBg.on{display:none;}
#header.tabletVer{display:block;}
}


#footer{background:#39404f;display:inline-block;width:100%;position:relative; z-index:10}
#footer #ft_wrap{max-width:1230px;padding:58px 15px; width:100%;margin:0 auto;position:relative;}
#footer #ft_wrap .ft_logo{width:232px;float:left;}
#footer #ft_wrap .ft_logo h1{}
#footer #ft_wrap .ft_logo h1 img{width:180px;}
#footer #ft_wrap .ft_logo h1 img.m_logo{display: none}
#footer #ft_wrap .ft_wrap{width:calc(100% - 232px);float:left;}
#footer .ft_menu{max-width:1200px; width:100%;margin:0 auto;}
#footer .ft_menu ul{}
#footer .ft_menu ul li a{font-size:15px; color:#fff;}
#footer .ft_menu ul li:first-child a{color:#53b6fc;}
#footer .ft_menu ul li a{}
#footer .ft_menu ul li.kakaotalkBtn{}
#footer .ft_menu ul li.kakaotalkBtn a{
    background: #fae100;
    color: #371c1d;
    font-weight: 500;
    border-radius: 8px;
    padding: 5px 10px 6px;
    display: inline-block;
    margin-top: -5px;
}
#footer .ft_menu ul{display:inline-block;}
#footer .ft_menu ul li{font-size:16px;position:relative;padding:0em 1em;float:left;}
#footer .ft_menu ul li:after{content:'';width:1px;height:13px;background:#cdd0d4; position:absolute;right:0;top:50%;margin-top:-6.5px;}
#footer .ft_menu ul li:last-child:after{display:none;}
#footer .ft_menu ul li:first-child{padding-left:0}
#footer .ft_bottom{}
#footer .ft_bottom .ft_info{text-align:left;padding:1.2em 0;}
#footer .ft_bottom .ft_info ul{display:inline-block;width:100%;}
#footer .ft_bottom .ft_info ul li{float:left;line-height:1.7;}
#footer .ft_bottom .ft_info ul li p{display: inline-block; position: relative; padding: 0 8px;font-size: 13px; color:rgba(255,255,255,0.5); font-weight:200;}
#footer .ft_bottom .ft_info ul li p:before{content:'';width:1px;height:10px;background:rgba(255,255,255,0.5); position:absolute;left:0;top:50%;margin-top:-5px;}
#footer .ft_bottom .ft_info ul li.another p:first-child:before{display: none;}
#footer .ft_bottom .ft_info ul li:last-child:after{}
#footer .ft_bottom .ft_info ul li:first-child:before{display:none;}
#footer .ft_bottom .ft_info ul li:first-child {padding-left:0}
#footer .ft_bottom .ft_info ul li:first-child p:first-child{padding-left:0}

#footer .ft_bottom .ft_info2{text-align:left;padding:1.2em 0 0;border-top:1px solid rgba(255,255,255,0.5)}
#footer .ft_bottom .ft_info2 div{font-size: 13px; color:rgba(255,255,255,0.5); font-weight:200;line-height:1.7;}
#footer .ft_bottom .ft_info2 ul{display:inline-block;width:100%;}
#footer .ft_bottom .ft_info2 ul li{float:left;line-height:1.7;}
#footer .ft_bottom .ft_info2 ul li p{display: inline-block; position: relative; padding: 0 8px;font-size: 13px; color:rgba(255,255,255,0.5); font-weight:200;}
#footer .ft_bottom .ft_info2 ul li p:before{content:'';width:1px;height:10px;background:rgba(255,255,255,0.5); position:absolute;left:0;top:50%;margin-top:-5px;}
#footer .ft_bottom .ft_info2 ul li.another p:first-child:before{display: none;}
#footer .ft_bottom .ft_info2 ul li:last-child:after{}
#footer .ft_bottom .ft_info2 ul li:first-child:before{display:none;}
#footer .ft_bottom .ft_info2 ul li:first-child {padding-left:0}
#footer .ft_bottom .ft_info2 ul li:first-child p:first-child{padding-left:0}


@media all and (max-width:1024px) {

    #footer{background:#39404f;}
    #footer #ft_wrap{max-width:1200px; width:100%;margin:0 auto;position:relative;}
	#footer #ft_wrap .ft_logo{float:none;text-align:center;margin:0 auto;}
    #footer #ft_wrap .ft_logo h1 img.pc_logo{display: none}
    #footer #ft_wrap .ft_logo h1 img.m_logo{display: inline-block}
	#footer #ft_wrap .ft_wrap{width:100%;}
    #footer .ft_menu{text-align:center;}
    #footer .ft_menu ul{}
    #footer .ft_menu ul li{}
    #footer .ft_menu ul li a{color:#fff;}
    #footer .ft_menu ul li a{line-height:20px;}
    #footer .ft_menu ul{display:inline-block;}
    #footer .ft_menu ul li{position:relative;padding:20px 10px;float:left;}
    #footer .ft_menu ul li:after{content:'';width:1px;height:12px;background:#cdd0d4; position:absolute;right:0;top:50%;margin-top:-6px;}
    #footer .ft_menu ul li:last-child:after{display:none;}
    #footer .ft_menu ul li:first-child{padding-left:20px}
    #footer .ft_bottom{}
    #footer .ft_bottom .ft_info{text-align:center;padding:1.2em 0 0.5em;text-align:left;}
    #footer .ft_bottom .ft_info ul{display:inline-block;width:100%; text-align: center;}
    #footer .ft_bottom .ft_info ul li{color:#999;position:relative;padding:0 0px;}   
    #footer .ft_bottom .ft_info ul li.tablet{display: block; width: 100%;text-align:left;}   
	#footer .ft_bottom .ft_info ul li p:first-child{padding-left:0}
    #footer .ft_bottom .ft_info ul li p:before{display: none;}
    #footer .ft_bottom .ft_info ul li.another p:before{content:'';display: inline-block; width:1px;height:8px;background:#cdd0d4; position:absolute;left:0;top:50%;margin-top:-4px;}
    #footer .ft_bottom .ft_info2{text-align:center;padding:1.2em 0 0.5em;text-align:left;}
    #footer .ft_bottom .ft_info2 ul{display:inline-block;width:auto; text-align: center;}
    #footer .ft_bottom .ft_info2 ul li{color:#999;position:relative;padding:0 0px;}   
    #footer .ft_bottom .ft_info2 ul li.tablet{display: block; width: 100%;text-align:left;}   
	#footer .ft_bottom .ft_info2 ul li p:first-child{padding-left:0}
    #footer .ft_bottom .ft_info2 ul li p:before{display: none;}
    #footer .ft_bottom .ft_info2 ul li.another p:before{content:'';display: inline-block; width:1px;height:8px;background:#cdd0d4; position:absolute;left:0;top:50%;margin-top:-4px;}
    
    #footer .snsLink{position:relative; right:auto; top:auto;text-align:center;padding-bottom: 1.3em;}
    #footer .snsLink ul{display:inline-block;}
    #footer .snsLink ul li{float:left;}
    #footer .snsLink ul li a{}
}
@media all and (max-width:768px) {
#footer #ft_wrap{padding:30px 15px;}
#footer .ft_menu{padding-top:20px;}
#footer .ft_bottom .ft_info{padding:30px 0 0;text-align:left;}
#footer .ft_bottom .ft_info ul li.tablet:before{display: none;}
#footer .ft_bottom .ft_info ul li.tablet{display: block; width: 100%; line-height:16px;text-align:left;}
#footer .ft_menu ul li{padding:5px 10px 5px 6px;float:none; display:inline-block;}
#footer .ft_menu ul li:first-child{padding-left:10px;}
#footer .ft_menu ul li:nth-child(3):after{display:none;}
#footer .ft_menu ul li a{font-size:13px;font-weight: 200;}
#footer .ft_bottom .ft_info ul li.another p:before{background:rgba(255,255,255,0.5);}
#footer .ft_bottom .ft_info ul li p{font-size:12px;}
#footer .ft_bottom .ft_info ul li p:first-child{padding-left:0}

#footer .ft_bottom .ft_info2{margin:30px 0 0;text-align:left;}
#footer .ft_bottom .ft_info2 ul li.tablet:before{display: none;}
#footer .ft_bottom .ft_info2 ul li.tablet{display: block; width: 100%; line-height:16px;text-align:left;}
#footer .ft_bottom .ft_info2 ul li.another p:before{background:rgba(255,255,255,0.5);}
#footer .ft_bottom .ft_info2 ul li p{font-size:12px;}
#footer .ft_bottom .ft_info2 ul li p:first-child{padding-left:0}
}

#top_btn{
    position: fixed;
    right: 15px;
    bottom: 20px;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    line-height: 38px;
    z-index: 99;
    box-shadow:1px 2px 10px rgba(0,0,0,0.3);
}
/*
#footer{background:#1a161e;}
#footer #ft_wrap{max-width:1200px;padding:0 15px; width:100%;margin:0 auto;position:relative;}
#footer .ft_menu{max-width:1200px;padding:0 15px; width:100%;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.1)}
#footer .ft_menu ul{}
#footer .ft_menu ul li a{font-size:13px; color:#fff;}
#footer .ft_menu ul li a{}
#footer .ft_menu ul{display:inline-block;}
#footer .ft_menu ul li{font-size:13px;position:relative;padding:2em 1em;float:left;}
#footer .ft_menu ul li:after{content:'';width:1px;height:8px;background:#cdd0d4; position:absolute;right:0;top:2.3em;}
#footer .ft_menu ul li:last-child:after{display:none;}
#footer .ft_menu ul li:first-child{padding-left:0}
#footer .ft_bottom{}
#footer .ft_bottom .ft_info{text-align:left;padding:1.2em 0;}
#footer .ft_bottom .ft_info ul{display:inline-block;width:100%;}
#footer .ft_bottom .ft_info ul li{float:left;line-height:1.7;}
#footer .ft_bottom .ft_info ul li p{display: inline-block; position: relative; padding: 0 20px;font-size: 13px; color:#999;}
#footer .ft_bottom .ft_info ul li p:before{content:'';width:1px;height:8px;background:#cdd0d4; position:absolute;left:0;top:0.65em;}
#footer .ft_bottom .ft_info ul li.another p:first-child:before{display: none;}
#footer .ft_bottom .ft_info ul li:last-child:after{}
#footer .ft_bottom .ft_info ul li:first-child:before{display:none;}
#footer .ft_bottom .ft_info ul li:first-child{padding-left:0}


#footer .snsLink{position:absolute; right:0; top:100px}
#footer .snsLink ul{display:inline-block;}
#footer .snsLink ul li{float:left;  margin-right: 10px;}
#footer .snsLink ul li a{}

.quickBnrLeft{width:173px; position:absolute; top:800px;left:50%;margin-left:-790px;z-index:99;transition: all 0.3s ease 0.3s;}
.quickBnrLeft .imageArea{line-height:0; width:100%;height:auto;text-align:center;background:#fff;}
#quickMenu.quickBnrLeft>a{margin-bottom: 5px; display: block;}
#quickMenu.quickBnrLeft>a:last-child{margin-bottom: 0px;}
.quickBnrLeft .imageArea img{}
.quickBnrLeft .txtArea{padding:26px 0;text-align:center;}
.quickBnrLeft .txtArea strong{font-size:18px; font-weight:bold; padding:0 15px; word-break:keep-all; line-height:1.5; color:#222;width:100%;display:inline-block; margin-bottom:10px;}
.quickBnrLeft .txtArea .txt{font-size:14px;color:#333;line-height:18px; padding:0 15px; word-break:keep-all;}


.quickBnrRight{width:173px; position:absolute; top:800px; right:50%;margin-right:-790px;z-index:99;transition: all 0.3s ease 0.3s;}
.quickBnrRight .imageArea{line-height:0; width:100%;height:auto;text-align:center;background:#fff;}
#quickMenu2.quickBnrRight>a{margin-bottom: 5px; display: block;}
#quickMenu2.quickBnrRight>a:last-child{margin-bottom: 0px;}
.quickBnrRight .imageArea img{}
.quickBnrRight .txtArea{padding:17px 0;text-align:center;}
.quickBnrRight .txtArea strong{font-size:18px; line-height: 1.5; word-break:keep-all; padding:0 15px; font-weight:bold; color:#222;width:100%;display:inline-block; margin-bottom:10px;}
.quickBnrRight .txtArea .txt{font-size:14px;color:#333;line-height:18px; padding:0 15px; word-break:keep-all; }


#quickMenu.quickBnrLeft{transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;}
#quickMenu.quickBnrLeft.none{left:-173px !important;transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;}
#quickMenu.quickBnrLeft.quickMenu-rel {position: absolute;top: 862px;left:50%;margin-left:-820px;}
#quickMenu.quickBnrLeft.quickMenu-fix {position: fixed;top: 50%;left:48.5%;margin-left:-790px;}

#quickMenu2.quickBnrRight{transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;}
#quickMenu2.quickBnrRight.none{right:-173px !important;transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;}
#quickMenu2.quickBnrRight.quickMenu-rel {position: absolute;top: 862px;right:50%;margin-right:-820px;}
#quickMenu2.quickBnrRight.quickMenu-fix {position: fixed;top: 50%;right:48.5%;margin-right:-790px;}


@media all and (max-width:1610px) {
    #quickMenu.quickBnrLeft{display:none;left:-173px !important;transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;margin-left:0;}
    #quickMenu2.quickBnrRight{display:none;right:-173px !important;transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;margin-left:0;}
    
}


@media all and (max-width:1200px) {
    #header_pc .gnb ul.gnbUl li:last-child .ol{width: 320%; left:-219%;}
    #header_pc .gnb ul.gnbUl li .ol.left_ol01{left:-45%;}
    #header_pc .gnb ul.gnbUl li .ol.left_ol02{left:-99%;}
    #header_pc .gnb .allcatebtn{left:15px;}
    #header_pc .gnb ul.gnbUl {width:96%; font-size: 15px; padding:0;}
    #header_pc .utillWrap .utill .left_ut li:first-child>a{padding-left: 15px;}
    #header_pc .gnb ul.gnbUl li{width:12.5%; }
    #header_pc .gnb .gnbWrap>ul>li{text-align: right;}
    #header_pc .utillWrap .utill .right_ut{padding-right: 16px;}
    #header_pc .hdTopWrap .logoArea a.fl{padding-left: 15px;}
    #header_pc .gnb ul>li:last-child a{padding-right: 15px;}
    #header_pc .gnb ul.gnbUl li .ol{top:69px;}
    #header_pc .gnb ul.gnbUl li a .border_span{padding:20px 0;}
    #header_pc .gnbWrap>ul>li>a{display: block;padding: 26px 0;}
    #header_pc .gnb ul>li:not(.on):hover>a:after{left:48%; }
    #header_pc .gnb ul>li:first-child:hover>a:after{left:44%;}
    #header_pc .gnb ul>li:last-child:hover>a:after{left:39%;}
    #header_pc .gnb ul>li.on>a:after{left:46%;}
}

@media all and (max-width:1020px) {

    #footer{background:#1a161e;}
    #footer #ft_wrap{max-width:1200px; width:100%;margin:0 auto;position:relative;}
    #footer .ft_menu{text-align:center;}
    #footer .ft_menu ul{}
    #footer .ft_menu ul li{}
    #footer .ft_menu ul li a{color:#fff;}
    #footer .ft_menu ul li a{}
    #footer .ft_menu ul{display:inline-block;}
    #footer .ft_menu ul li{position:relative;padding:20px 10px;float:left;}
    #footer .ft_menu ul li:after{content:'';width:1px;height:8px;background:#cdd0d4; position:absolute;right:0;top:24px}
    #footer .ft_menu ul li:last-child:after{display:none;}
    #footer .ft_menu ul li:first-child{padding-left:20px}
    #footer .ft_bottom{}
    #footer .ft_bottom .ft_info{text-align:center;padding:1.2em 0 0.5em;}
    #footer .ft_bottom .ft_info ul{display:inline-block;width:auto; text-align: center;}
    #footer .ft_bottom .ft_info ul li{color:#999;position:relative;padding:0 10px;}   
    #footer .ft_bottom .ft_info ul li.tablet{display: block; width: 100%;}   
    #footer .ft_bottom .ft_info ul li p:before{display: none;}
    #footer .ft_bottom .ft_info ul li.another p:before{content:'';display: inline-block; width:1px;height:8px;background:#cdd0d4; position:absolute;left:0;top:0.5em;}
    
    #footer .snsLink{position:relative; right:auto; top:auto;text-align:center;padding-bottom: 1.3em;}
    #footer .snsLink ul{display:inline-block;}
    #footer .snsLink ul li{float:left;}
    #footer .snsLink ul li a{}
}


@media all and (max-width:830px) {
    #footer .ft_bottom .ft_info ul li.tablet{display: block; width: 100%;}
    #footer .ft_bottom .ft_info ul li.tablet:before{display: none;}
}


@media all and (max-width:580px) {
    #footer #ft_wrap{font-size: 15px;}
    #footer .ft_bottom .ft_info ul li p{padding: 0 0.7em}
}

@media all and (max-width:414px) {
    #footer #ft_wrap{font-size: 14px;}
}

@media all and (max-width:390px) {
    #footer #ft_wrap{font-size: 13px;}
}

@media all and (max-width:370px) {
    #footer #ft_wrap{font-size: 12px;}
}
@media all and (max-width:335px) {
    #footer .ft_menu ul li{padding: 20px 5px}
}*/

.quickBnrLeft{width:160px; position:absolute; top: 170px; left:50%; margin-left:-790px; z-index:99;transition: all 0.3s ease 0.3s;}
.quickBnrLeft .imageArea{line-height:0; width:100%;height:auto;text-align:center;border:1px solid #000;margin-bottom:5px;/*padding:22px 0;*/}
#quickMenu.quickBnrLeft>a{margin-bottom: 5px; display: block;}
#quickMenu.quickBnrLeft>a:last-child{margin-bottom: 0px;}
.quickBnrLeft .imageArea img{}
.quickBnrLeft .txtArea{padding:26px 0;text-align:center;}
.quickBnrLeft .txtArea strong{font-size:18px; font-weight:bold; padding:0 15px; word-break:keep-all; line-height:1.5; color:#222;width:100%;display:inline-block; margin-bottom:10px;}
.quickBnrLeft .txtArea .txt{font-size:14px;color:#333;line-height:18px; padding:0 15px; word-break:keep-all;}


.quickBnrRight{width:160px; position:absolute; top:170px; right:50%; margin-right:-790px; z-index:99;transition: all 0.3s ease 0.3s;}
.quickBnrRight .imageArea{line-height:0; width:100%;height:auto;text-align:center;border:1px solid #000;margin-bottom:5px;/*padding:22px 0;*/}
#quickMenu2.quickBnrRight>a{margin-bottom: 5px; display: block;}
#quickMenu2.quickBnrRight>a:last-child{margin-bottom: 0px;}
.quickBnrRight .imageArea img{}
.quickBnrRight .txtArea{padding:17px 0;text-align:center;}
.quickBnrRight .txtArea strong{font-size:18px; line-height: 1.5; word-break:keep-all; padding:0 15px; font-weight:bold; color:#222;width:100%;display:inline-block; margin-bottom:10px;}
.quickBnrRight .txtArea .txt{font-size:14px;color:#333;line-height:18px; padding:0 15px; word-break:keep-all; }


#quickMenu.quickBnrLeft{transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;}
#quickMenu.quickBnrLeft.none{left:-173px !important;transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;}
#quickMenu.quickBnrLeft.quickMenu-rel {position: absolute;top: 360px;left:50%;margin-left:-820px;}
#quickMenu.quickBnrLeft.quickMenu-fix {position: fixed;top: 170px;left:48.5%;margin-left:-790px;}

#quickMenu2.quickBnrRight{transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;}
#quickMenu2.quickBnrRight.none{right:-173px !important;transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;}
#quickMenu2.quickBnrRight.quickMenu-rel {position: absolute;top: 360px;right:50%;margin-right:-820px;}
#quickMenu2.quickBnrRight.quickMenu-fix {position: fixed;top: 170px;right:48.5%;margin-right:-790px;}


@media all and (max-width:1610px) {
    #quickMenu.quickBnrLeft{display:none;left:-173px !important;transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;margin-left:0;}
    #quickMenu2.quickBnrRight{display:none;right:-173px !important;transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;margin-left:0;}
}
@media all and (max-width:768px) {
.mainPopup {
    width: 90% !important;
}
}

/* 팝업 */
.pop_crt{
    position: fixed;
    width: 100%; height: 100%;
    left: 0; top: 0;
    display: none;
    z-index: 9990;
}
.pop_crt .bg_layer{
    position: absolute;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.pop_crt .popup_wrap{
    position: absolute;
    left: 50%; top: 50%;
    width: 100%; height: auto;
    max-width:590px;
    transform: translate(-50% , -50%);
}
.pop_crt .popup_wrap .pop_tit{font-size:20px; color:#333;font-weight:500;margin-bottom:20px;}
.pop_crt .popup_wrap .pop_tit p{font-size:15px; color:#999;font-weight:400;margin-top:10px;line-height:20px;}
.pop_crt .popup_wrap .pop_box{background:#fff; padding:30px;}
.pop_crt .popup_wrap .pop_box input,
.pop_crt .popup_wrap .pop_box select{width:100%;}
.pop_crt .popup_wrap .pop_box table tbody th{padding:17px 20px}
.pop_crt .popup_wrap .closed{
    display: block;
    text-align: right;
}

.pop_crt .popup_wrap .paper_inner .owl-carousel{width: 100%;}
.pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav{width: 110%; top:50%; margin-top: -26px; padding: 0; max-width:1229px; left: -4.5%;}
.pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-prev{position: absolute; left: -60px; top:45%;}
.pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-next{position: absolute; right: -60px; top:45%;}
.pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button span{display: block; width: 50px; height: 50px;}
.pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-prev span{background: url('../images/main/icon_main_left.png') center no-repeat; -webkit-background-size: cover; background-size: cover;}
.pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-next span{background: url('../images/main/icon_main_right.png') center no-repeat; -webkit-background-size: cover; background-size: cover;}


#pop_crt6 .item,
#pop_crt7 .item{text-align:center;}
#pop_crt6 .item img,
#pop_crt7 .item img{max-width:100%;}
@media screen and (max-width:1260px){
    .pop_crt .popup_wrap{
       width:calc(100% - 30px);
    }
}

@media screen and (max-width:720px){
    .pop_crt .popup_wrap{
       width: 72%;
    }
    .pop_crt .popup_wrap .closed img{
       width: 25px; height: 25px;
    }
    .pop_crt .popup_wrap .paper_inner{width:80%;margin:0 auto;}
    .pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav{width:100%;}
    .pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-prev{position: absolute; left: -40px; top:45%;}
    .pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-next{position: absolute; right: -40px; top:45%;}
    .pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button span{display: block; width: 30px; height: 30px;}
    .pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-prev span{background: url('../images/main/icon_main_left.png') center no-repeat; -webkit-background-size: cover; background-size: cover;}
    .pop_crt .popup_wrap .paper_inner .owl-carousel .owl-nav button.owl-next span{background: url('../images/main/icon_main_right.png') center no-repeat; -webkit-background-size: cover; background-size: cover;}

}

@media screen and (max-width:580px){
    .pop_crt .popup_wrap ol{top:50%; margin-top: -40px;}
    .pop_crt .popup_wrap ol li img{width: 20px;}
}

@media screen and (max-width:450px){
    .pop_crt .popup_wrap ol{top:43%;}
}