/*** 메인 비주얼 ***/
.exit_main_visual {position: relative;height: 738px;background: url(../img/main/vis_bg.jpg)center center no-repeat;background-size: cover}
.exit_main_visual .visual {max-width: 1500px;width: 100%;margin: 0 auto;position: relative;height: 100%}
.exit_main_visual .visual .vis_text {padding-top: 130px;display: inline-block}
.exit_main_visual .visual .vis_text > em {display:block;margin-bottom:50px;font-size:24px;color:#1f4183;font-weight:800;font-family:'NanumSquareRound', sans-serif !important;line-height:22px}
.exit_main_visual .visual .vis_text > strong {font-family:'NanumSquareRound', sans-serif !important;font-size: 50px;font-weight: 900;color: #333333;display: inline-block;margin-bottom:10px;}
.exit_main_visual .visual .vis_text > strong > span {display: inline-block;line-height: 83px;margin-right:20px}
.exit_main_visual .visual .vis_text > strong > span img {width:170px;}
.exit_main_visual .visual .vis_text > strong > br {display: none}
.exit_main_visual .visual .vis_text > p {font-size: 20px;line-height: normal;color: #444444;}
.exit_main_visual .visual .vis_text > p > br:last-child {display: none}
.exit_main_visual .visual .vis_text .vis_img {display: none}

/*** 로그인 ***/
.exit_main_visual .visual .login_box {margin-top: 60px;width: 330px}
.exit_main_visual .visual .login_box .login .input_id {background: url(../img/main/id_icon.png)15px center no-repeat;background-size: auto;width: 100%;display: block;}
.exit_main_visual .visual .login_box .login .input_pw {background: url(../img/main/pw_icon.png)15px center no-repeat;background-size: auto;width: 100%;display: block;}
.exit_main_visual .visual .login_box .login > div > input {border: none;border-bottom: 1px solid #747a7e; background: none;width: 100%;padding: 15px 0 15px 54px;font-size: 16px;color: #222}
.exit_main_visual .visual .login_box .login > div > input::placeholder {color:#666666}
.exit_main_visual .visual .login_box .info_box {margin-top: 15px}
.exit_main_visual .visual .login_box .info_box:after {content:"";display: block;clear: both}
.exit_main_visual .visual .login_box .info_box .check_info {position:relative ;float: left;}
.exit_main_visual .visual .login_box .info_box .check_info > input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:2px;left:0;width: 22px;height: 22px;margin:0;padding:0;border: 0;}
.exit_main_visual .visual .login_box .info_box .check_info > input[type="checkbox"]::-ms-check  {display:none}
.exit_main_visual .visual .login_box .info_box .check_info > input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;font-size: 16px;color: #4f5457}
.exit_main_visual .visual .login_box .info_box .check_info > input[type="checkbox"] + label:before {content: ""; display: inline-block;width: 22px;height: 22px;background: url(../img/content/join/s_no_check.png)center center no-repeat;cursor: pointer;position: absolute;top: 2px;left: 0;border-radius: 100%;}
.exit_main_visual .visual .login_box .info_box .check_info > input[type="checkbox"]:checked + label:before {background: url(../img/content/join/s_checked.png)center center no-repeat;}
.exit_main_visual .visual .login_box .info_box .find_info {float: right}
.exit_main_visual .visual .login_box .info_box .find_info > a {font-size: 16px;display: inline-block;color: #4f5457}
.exit_main_visual .visual .login_box .info_box .find_info > a:first-child {margin-right: 15px;position: relative}
.exit_main_visual .visual .login_box .info_box .find_info > a:first-child:after {content:"";position: absolute;width: 1px;height: 10px;background: #bac3ca;top: 8px;right: -10px;color: #4f5457}
.exit_main_visual .visual .login_box .login_btn_box {width: 100%;margin-top: 25px;}
.exit_main_visual .visual .login_box .login_btn_box > a,
.exit_main_visual .visual .login_box .login_btn_box > button {display: inline-block;width: 155px;height: 40px;color: #fff;background: #333;border-radius: 50px;text-align: center;padding: 7px 0;font-size: 17px;}
.exit_main_visual .visual .login_box .login_btn_box > a.login_btn,
.exit_main_visual .visual .login_box .login_btn_box > button.login_btn {margin-right: 15px;background: #356edc;letter-spacing: -1px}
.exit_main_visual .visual .login_box strong {display: block;padding-top: 10px;font-family:'NanumSquareRound', sans-serif !important;font-size: 22px;}
.exit_main_visual .visual .login_box strong span {font-family:'NanumSquareRound', sans-serif !important;font-weight: 900;font-size: 26px;}

/*** 비주얼 팝업 ***/
.visual .main_popup {position: absolute;top: 160px;right: 0;width: 530px;}
.visual .main_popup .slide {width: 530px;height: 530px}
.visual .main_popup .slide a {position:relative;display:block;margin:3px;}
.visual .main_popup .slide img {display:inline-block;width: 100%;overflow:hidden;border-radius: 50px;}
/* .visual .main_popup .stop_box {position: absolute;bottom: 0;right: 0;left:0;display: block;margin:0 auto;text-align:center;padding-left:20%;width:19px}
.visual .main_popup .stop_box .stop_btn {width: 19px;height: 19px;font-size: 0;border-radius: 100%;background: url(../img/main/popup_stop.png)center center no-repeat #356edc;display:inline-block;} */
.visual .main_popup .popup_arrow {position: absolute;top: -23px;right: 0;display: block;width:19px}
.visual .main_popup .popup_arrow > a {width:19px;height:19px;font-size:0;border-radius:100%;display:none}
.visual .main_popup .popup_arrow > a.on {display:block;}
.visual .main_popup .popup_arrow .stop_btn {background: url(../img/main/popup_stop.png)center center no-repeat #356edc;}
.visual .main_popup .popup_arrow .play_btn {background: url(../img/main/popup_play.png)center center no-repeat #356edc; }

.popup-controller {position:absolute;top:-29px;right:10px;width: auto;height:15px;display:inline-block !important;padding-right:25px;}
.popup-controller > li {display: inline-block;margin-right: 10px}
.popup-controller > li:last-child {margin-right: 0}
.popup-controller > li > a {display: block; width: 15px;height: 15px;background: #bfcad2;border-radius: 100%;font-size: 0}
.popup-controller > li.slick-active > a {width: 38px;background: #356edc;border-radius: 50px;transition: all 0.4s;-webkit-transition: all 0.4s}

/*** 컨텐츠 시작 ***/
.con_box {position: relative;width: 100%;max-width: 1500px;margin: 0 auto;}
.con_box:after {content:"";display: block;clear: both}

/*** 메뉴 바로가기 ***/
.con_box1 {padding-top: 70px;}
.con_box1 .shortcut > ul:after {content:"";display: block;clear: both}
.con_box1 .shortcut > ul {display: flex;}
.con_box1 .shortcut > ul > li {flex: 1;}
.con_box1 .shortcut > ul > li > a {display:block;font-weight: 500;padding:25px 0 30px;font-size: 20px;text-align:center;}
.con_box1 .shortcut > ul > li:nth-child(odd) > a {background-color:#f9f9f9}
.con_box1 .shortcut > ul > li > a:hover,
.con_box1 .shortcut > ul > li > a:focus,
.con_box1 .shortcut > ul > li > a:active {
background: #356edc; /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(53,110,220,1.0) 0%, rgba(33,183,203,1.0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(53,110,220,1.0) 0%, rgba(33,183,203,1.0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(53,110,220,1.0) 0%, rgba(33,183,203,1.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356edc', endColorstr='#21b7cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff
}
.con_box1 .shortcut > ul > li:nth-child(odd) > a:hover,
.con_box1 .shortcut > ul > li:nth-child(odd) > a:focus,
.con_box1 .shortcut > ul > li:nth-child(odd) > a:active {
background: #356edc; /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(53,110,220,1.0) 0%, rgba(33,183,203,1.0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(53,110,220,1.0) 0%, rgba(33,183,203,1.0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(53,110,220,1.0) 0%, rgba(33,183,203,1.0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356edc', endColorstr='#21b7cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff
}
.con_box1 .shortcut > ul > li > a .img {}
.con_box1 .shortcut > ul > li > a .txt {display:block;margin:15px 0 0 0}

/*** 공지사항 ***/
.con_box2 {padding: 100px 0;}
.con_box2 .notice {position:relative;z-index:1}
.con_box2 .notice:after {content:"";display: block; clear: both}
.con_box2 .notice .notice_title {float: left;width: 20%;}
.con_box2 .notice .notice_title > strong {font-size: 48px;color: #222222;font-family:'NanumSquareRound', sans-serif !important;font-weight: 800;display: block;margin-top: 12px}
.con_box2 .notice .notice_title > p {font-size: 20px;margin-top: 30px;color: #555555;line-height: normal}
.con_box2 .notice .notice_slide {position:static;float: left;width: 80%}
.con_box2 .notice .notice_slide .slide {display: inline-block;width: 30%;}
.con_box2 .notice .notice_slide .slide a {display: block;}
.con_box2 .notice .notice_slide .slide a div {position: relative;} 
.con_box2 .notice .notice_slide .slide a:hover div:after,
.con_box2 .notice .notice_slide .slide a:focus div:after,
.con_box2 .notice .notice_slide .slide a:active div:after {content: "";position: absolute;height: 1px;background: #356edc;top: 50%;z-index: -1;animation: notice 0.5s;animation-fill-mode: forwards;}
.con_box2 .notice .notice_slide .slide a div span {display: block;width: 96px;height: 35px;text-align: center;border-radius: 50px;line-height: 32px;background: #356edc;font-size: 16px;color: #fff;margin: 0} 
.con_box2 .notice .notice_slide .slide a strong {font-size: 24px;display: block;margin-top: 20px;line-height: 33px;font-weight: 500;color: #222;min-height: 66px;max-height: 66px;overflow: hidden}
.con_box2 .notice .notice_slide .slide a span {display: block;font-size: 18px;color: #666666;margin-top: 20px;}
.con_box2 .notice .notice_slide .slide a em {
	display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:104px;line-height:26px;font-size:18px;color:#666;word-break:break-all;margin-top:20px;
	display:-moz-box;-moz-line-clamp:4;-moz-box-orient:vertical;
	display:-ms-flexbox;-ms-line-clamp:4;-ms-box-orient:row;  
/* display: block;margin-top: 20px;font-size: 18px;color: #666;line-height: 26px;max-height: 104px;min-height: 104px;overflow: hidden */}
.con_box2 .notice .notice_slide .slide a em > br {display:none}
.con_box2 .notice .notice_slide .slick-list {margin-right: -40px;}
.con_box2 .notice .notice_slide .slick-slide {margin-right: 40px}
.con_box2 .notice .notice_arrow_box {position:absolute;left:0;bottom:0;}
.con_box2 .notice .notice_arrow_box .notice_slide_arrow {z-index:1}
.con_box2 .notice .notice_arrow_box .notice_slide_arrow a {display: inline-block;}
.con_box2 .notice .notice_arrow_box .notice_slide_arrow a.prev_btn {margin-right: 126px}
.con_box2 .notice .notice_arrow_box .more_btn {position:absolute;top:-95px;left:0}

@keyframes notice {
	0% {width: 0;}
	100% {width: 100%;}
}

.slider-paging {position: absolute;left: 50px;bottom: 0;z-index: -1}
.slider-paging li {display: none;}
.slider-paging li.slick-active {display: block;font-family:'NanumSquareRound', sans-serif !important;font-size: 20px;color: #777777}
.slider-paging li div {display: inline-block;font-family:'NanumSquareRound', sans-serif !important;}
.slider-paging li div.num1 {font-size: 30px;color: #222;font-weight: 900;margin-right: 10px}
.slider-paging li div.num2 {font-size: 20px;color: #777777;font-weight: 500;margin-left: 10px}


.more_btn {display: block;width: 150px;height: 40px;border-radius: 50px;border: 1px solid #ccc;text-align: center;color: #555;line-height: 38px;}
/*** 자주 묻는 질문 ***/
.con_box3 {padding: 100px 0;background: url(../img/main/faq_bg.jpg)center center no-repeat;position: relative;background-size: cover}
.con_box3 .bg_img1 {position: absolute;top: 0;left: -60px;z-index: 1}
.con_box3 .bg_img2 {position: absolute;bottom: -80px;right: -138px;z-index: 1}
.con_box3 .faq_box {width: 100%;max-width: 1500px;margin: 0 auto ;position: relative}
.con_box3 .faq_box .title {width: 100%;text-align: center}
.con_box3 .faq_box .title > strong {font-family:'NanumSquareRound', sans-serif !important;font-size: 48px;font-weight: 800;margin-top: 12px;display: block;}
.con_box3 .faq_box .title > p {font-size: 20px;color: #555555;font-weight: 400;margin-top: 25px;} 
.con_box3 .faq_box .tab_btn {border: 1px solid #ddd;max-width: 1000px;width: 100%;margin: 50px auto 0;border-radius: 50px;background:#fff}
.con_box3 .faq_box .tab_btn > ul:after {content:"";display: block; clear: both}
.con_box3 .faq_box .tab_btn > ul > li {float: left;width: 16.66%;text-align: center;position: relative;}
.con_box3 .faq_box .tab_btn > ul > li:after {content:"";position: absolute;width: 1px;height: 14px;background: #e5e5e5;right: 0;top: 21px;}
.con_box3 .faq_box .tab_btn > ul > li:last-child:after {display: none}
.con_box3 .faq_box .tab_btn > ul > li > a {display: block; padding: 15px 0;font-size: 19px;color: #555;}
.con_box3 .faq_box .tab_btn > ul > li > a:hover,
.con_box3 .faq_box .tab_btn > ul > li > a:focus,
.con_box3 .faq_box .tab_btn > ul > li > a:active {background: #356edc;color: #fff;}
.con_box3 .faq_box .tab_btn > ul > li:first-child > a {border-top-left-radius:50px;border-bottom-left-radius:50px}
.con_box3 .faq_box .tab_btn > ul > li:last-child > a {border-top-right-radius:50px;border-bottom-right-radius:50px}
.con_box3 .faq_box .tab_btn > ul > li.on > a {background: #356edc;color: #fff;}
.con_box3 .faq_box .tab_btn > ul > li.on:after {display: none}
.con_box3 .faq_box .faq_slide_box {display: none;height:437px}
.con_box3 .faq_box .faq_slide {width: 100%;margin-top: 40px;}
.con_box3 .faq_box .faq_slide_box.on {display: block;}
.con_box3 .faq_box .faq_slide:after {content:"";display: block;clear: both}
.con_box3 .faq_box .faq_slide .slide {border: 1px solid #ccc;float: left;width: 23%;margin-right: 40px;background: #fff;}

.con_box3 .faq_box .faq_slide .slide:last-child {margin-right: 0}
.con_box3 .faq_box .faq_slide .slide a {display: block;padding: 40px 40px;}
.con_box3 .faq_box .faq_slide .slide a strong {display: block;font-size: 24px;color: #222;font-weight: 500;line-height: 32px;min-height: 100px;max-height: 100px;overflow: hidden;padding-left: 50px;position: relative;}
.con_box3 .faq_box .faq_slide .slide a strong:before {content: "Q";position: absolute;top: 5px;left: 0;font-size: 45px;color: #356edc;font-family:'NanumSquareRound', sans-serif !important;font-weight: 900}
.con_box3 .faq_box .faq_slide .slide a em {
	display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:104px;line-height:26px;font-size:18px;color:#666;word-break:break-all;margin-top:20px;
	display:-moz-box;-moz-line-clamp:4;-moz-box-orient:vertical;
	display:-ms-flexbox;-ms-line-clamp:4;-ms-box-orient:row;
	height: 139px;line-height: 27px;margin: 30px 0;padding: 30px 0 0;font-size: 18px;color: #555555;border-top: 1px dashed #b4b2b2;}
.con_box3 .faq_box .faq_slide .slide a .more_btn {margin: 0 auto;position: relative;padding-right: 0}
.con_box3 .faq_box .faq_slide .slide a .more_btn > span {top: 14px;right: 30px;width: 25px;height: 15px;position: absolute;}

.con_box3 .faq_box .faq_slide .slide > a:hover,
.con_box3 .faq_box .faq_slide .slide > a:focus,
.con_box3 .faq_box .faq_slide .slide > a:active {
	background: #356edc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #356edc 0%, #21b7cb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #356edc 0%,#21b7cb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #356edc 0%,#21b7cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356edc', endColorstr='#21b7cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.con_box3 .faq_box .faq_slide .slide > a:hover strong, .con_box3 .faq_box .faq_slide .slide > a:active strong, .con_box3 .faq_box .faq_slide .slide > a:focus strong {color: #fff;border-bottom-color: rgba(255,255,255,0.3)}
.con_box3 .faq_box .faq_slide .slide > a:hover strong:before, .con_box3 .faq_box .faq_slide .slide > a:active strong:before, .con_box3 .faq_box .faq_slide .slide > a:focus strong:before,
.con_box3 .faq_box .faq_slide .slide > a:hover em, .con_box3 .faq_box .faq_slide .slide > a:active em, .con_box3 .faq_box .faq_slide .slide > a:focus em {color: rgba(255,255,255,0.8)}

.con_box3 .faq_box .faq_slide .slide > a:hover .more_btn,
.con_box3 .faq_box .faq_slide .slide > a:active .more_btn,
.con_box3 .faq_box .faq_slide .slide > a:focus .more_btn {color: #fff;border-color:#fff;transition: 0.4s;padding-right: 25px}

.con_box3 .faq_box .faq_slide .slide > a:hover .more_btn > span,
.con_box3 .faq_box .faq_slide .slide > a:active .more_btn > span,
.con_box3 .faq_box .faq_slide .slide > a:focus .more_btn > span {background: url(../img/main/more_btn_arrow.png)no-repeat;display: inline-block;right: 15px;transition: 0.4s}

.con_box3 .faq_box .faq_slide .slick-list {margin-right: -40px;}
.con_box3 .faq_box .faq_slide .slick-slide {margin-right: 40px}

.faq_slide_box .faq_slide_arrow {display: none}
.faq_slide_box.on .faq_slide_arrow {position: absolute;right: 0;top: 152px;display: block}
.faq_slide_box.on .faq_slide_arrow a {display: inline-block}
.faq_slide_box.on .faq_slide_arrow a.prev_btn {margin-right: 126px}

.slider-paging2 {position: absolute;right: 49px;top: -71px;}
.slider-paging2 li {display: none;}
.slider-paging2 li.slick-active {display: block;font-family:'NanumSquareRound', sans-serif !important;font-size: 20px;color: #777777}
.slider-paging2 li div {display: inline-block;font-family:'NanumSquareRound', sans-serif !important;}
.slider-paging2 li div.num3 {font-size: 30px;color: #222;font-weight: 900;margin-right: 10px}
.slider-paging2 li div.num4 {font-size: 20px;color: #777777;font-weight: 500;margin-left: 10px}



/*** 이용안내&고객센터 ***/
.con_box4 {border-bottom: 1px solid #ccc}
.con_box4:after {content: "";display: block;clear: both}
.con_box4 .shortcut2 {float: left;width: 50%;}
.con_box4 .guide {background: url(../img/main/guide_bg.png)center right no-repeat;background-size: cover;position: relative}
.con_box4 .guide:after {content:"";position: absolute;width: 351px;height: 214px;right: 20px;bottom: 0;background: url(../img/main/guide_img.png)center center no-repeat}
.con_box4 .guide .text {width: 750px;float: right;padding: 50px 0}
.con_box4 .guide .text > h3 {color: #fff}
.con_box4 .guide .text > em {color: rgba(255,255,255,0.9);}
.con_box4 .guide .text > a {border: 1px solid #fff;color: #fff}
.con_box4 .cs {background: url(../img/main/cs_bg.png)center left no-repeat;background-size: cover;position: relative}
.con_box4 .cs:after {content:"";position: absolute;width: 323px;height: 222px;bottom:0;left: 424px;background: url(../img/main/cs_img.png)center center no-repeat}
.con_box4 .cs .text {width: 750px;float: left;padding: 50px 0 50px 60px}
.con_box4 .cs .text > h3 {color: #222}
.con_box4 .cs .text > em {color: #646363}

.con_box4 .shortcut2 .text h3 {font-size: 35px;font-family:'NanumSquareRound', sans-serif !important;font-weight: 700;display: block; }
.con_box4 .shortcut2 .text em {font-size: 20px;display: block;margin-top: 20px;font-weight: 400}
.con_box4 .shortcut2 .text a.more_btn {margin-top: 40px;position: relative}
.con_box4 .shortcut2 .text a.more_btn > span {top: 14px;right: 30px;width: 25px;height: 15px;position: absolute;}

.con_box4 .guide .text a.more_btn:hover,
.con_box4 .guide .text a.more_btn:active,
.con_box4 .guide .text a.more_btn:focus {transition: 0.4s;padding-right: 25px}
.con_box4 .guide .text a.more_btn:hover > span,
.con_box4 .guide .text a.more_btn:active > span,
.con_box4 .guide .text a.more_btn:focus > span {background: url(../img/main/more_btn_arrow.png)no-repeat;display: inline-block;right: 15px;transition: 0.4s}

.con_box4 .cs .text a.more_btn:hover,
.con_box4 .cs .text a.more_btn:active,
.con_box4 .cs .text a.more_btn:focus {transition: 0.4s;padding-right: 25px}
.con_box4 .cs .text a.more_btn:hover > span,
.con_box4 .cs .text a.more_btn:active > span,
.con_box4 .cs .text a.more_btn:focus > span {background: url(../img/main/more_btn_arrow_bk.png)no-repeat;display: inline-block;right: 15px;transition: 0.4s}

/*** 관련사이트 배너  ***/
.banner {max-width: 1500px;width: 100%;margin: 0 auto;padding: 15px 0;}
.banner:after {content:"";display: block;clear: both}
.banner .banner_text {float: left;width: 13%;z-index: 10;margin-top: 14px;}
.banner .banner_text strong {font-family:'NanumSquareRound', sans-serif !important;display: inline-block;font-size: 20px;color: #333333;margin-right: 50px;}
.banner .banner_text .banner_arrow {display: inline-block;}
.banner .banner_text .banner_arrow a {display: inline-block;font-size: 0;margin-right: 10px;padding-top: 6px} 
.banner .banner_text .banner_arrow a.next_btn {margin-right: 0}
.banner .banner_text .banner_arrow a.stop_btn,
.banner .banner_text .banner_arrow a.play_btn {display: none}
.banner .banner_text .banner_arrow a.play_btn.on,
.banner .banner_text .banner_arrow a.stop_btn.on {display: inline-block;}

.banner .banner_slide {float: left;width: 87%;}
.banner .banner_slide .slick-list .slick-slide {text-align: center;height: 52px;position:relative;margin-right:10px;}
.banner .banner_slide .slick-list .slick-slide:after {content:"";position: absolute;width: 1px;height: 29px;background: rgba(0,0,0,0.1);right: 0;top: 12px;}
.banner .banner_slide .slick-list .slick-slide > div {display: table-cell;vertical-align: middle}
.banner .banner_slide .slick-list .slick-slide a {display: block;overflow: hidden;}
.banner .banner_slide .slick-list .slick-slide a img {display: inline-block;width: 100%}





/*PC*/
@media only screen and (max-width:1500px) {
	
	
	/*** 비주얼 ***/
	.exit_main_visual .visual .vis_text {padding-left: 20px;}
	.exit_main_visual .visual .vis_text > strong {font-size: 45px;}
	.exit_main_visual .visual .vis_text > strong > span {line-height: 73px;}
	.exit_main_visual .visual .vis_text > strong > span > img {width:150px}
	.exit_main_visual .visual .vis_text > p {font-size: 19px;}
	
	/* 로그인*/
	.exit_main_visual .visual .login_box {margin-left: 20px;}
	
	/* 팝업*/
	.visual .main_popup {right: 20px;}
	
	
	/***** 컨텐츠 시작 *****/
	.con_box2 {padding: 100px 20px;position: relative}
	
	/*공지사항*/
	.con_box2 .notice .notice_title {padding-right: 20px;}
	.con_box2 .notice .notice_title > strong {font-size: 43px;}
	.con_box2 .notice .notice_title > p {font-size: 19px;}
	.con_box2 .notice .notice_title > p > br {display: none}
	.slider-paging {bottom: 0;}
	
	/* 자주 묻는 질문 */
	.con_box3 {padding: 100px 20px}
	.con_box3 .bg_img1, .con_box3 .bg_img2 {display: none}
	
	.con_box3 .faq_box .title > strong {font-size: 43px;}
	.con_box3 .faq_box .title > p {font-size: 19px;}
	
	.faq_slide_box.on .faq_slide_arrow {top: 211px;}
	.slider-paging2 {top: -40px;}
	.con_box3 .faq_box .faq_slide_box {margin-top: 70px;}
	.con_box3 .faq_box .faq_slide .slick-slide {margin-right: 30px}
	
	/* 바로가기 */
	.con_box4 .shortcut2 .text {z-index: 1}
	.con_box4 .shortcut2 .text em {font-size: 19px;}
	.con_box4 .guide .text {width: 100%;padding: 50px 0 50px 40px;}
	.con_box4 .guide:after {background-size: contain;width: 275px;height: 169px}
	.con_box4 .cs .text {width: 100%;padding: 50px 0 50px 40px}
	.con_box4 .cs:after {right: 20px;left: inherit;width: 239px;height: 165px;bottom: 10px;background-size: contain}
	
	/* 배너존 */
	.banner {padding: 15px 20px;}
	.banner .banner_text strong {margin-right: 40px;}
	
}

@media only screen and (max-width:1199px) {
	
	/*** 비주얼 ***/
	.exit_main_visual {background: url(../img/main/vis_bg_1199.jpg)center center no-repeat;background-size: cover}
	.exit_main_visual .visual .vis_text {padding-left: 20px;}
	.exit_main_visual .visual .vis_text > em {font-size:20px;line-height:20px;margin-bottom:35px}
	.exit_main_visual .visual .vis_text > strong {font-size: 38px;}
	.exit_main_visual .visual .vis_text > strong > span {line-height: 69px}
	.exit_main_visual .visual .vis_text > strong > span > img {width:135px}
	.exit_main_visual .visual .vis_text > p {font-size: 18px;}
	
	/* 로그인 */
	.exit_main_visual .visual .login_box {margin-top: 60px;}
	
	/***** 컨텐츠 시작 *****/
	
	/* 메뉴 바로가기 */
	.con_box1 .shortcut > ul > li > a {font-size: 18px;}

	/* 공지사항 */
	.con_box2 .notice .notice_title {width: 25%}
	.con_box2 .notice .notice_title > p {font-size: 18px;}
	.con_box2 .notice .notice_title > p > br {display: block}
	.con_box2 .notice .notice_arrow_box .notice_slide_arrow a.prev_btn {margin-right: 107px;}
	.con_box2 .notice .notice_slide {width: 75%}
	.con_box2 .notice .notice_slide .slide a strong {font-size: 22px;}
	.con_box2 .notice .notice_slide .slide a span {font-size: 16px;}
	.con_box2 .notice .notice_slide .slide a em {font-size: 17px;}
	.con_box2 .notice .notice_slide .slick-list {margin-right: -35px}
	.con_box2 .notice .notice_slide .slick-slide {margin-right: 35px}
	.slider-paging {left:42px}
	
	/* 자주 묻는 질문 */
	.con_box3 .faq_box .faq_slide .slide a strong {font-size: 22px}
	.con_box3 .faq_box .faq_slide .slide a em {font-size: 17px;}
	
	/* .faq_slide_box.on .faq_slide_arrow {top: 211px;}
	.slider-paging2 {top: -40px;}
	.con_box3 .faq_box .faq_slide_box {margin-top: 70px;} */
	
	/* 바로가기 */
	.con_box4 .shortcut2 .text em {font-size: 18px;min-height: 48px;}
	.con_box4 .guide .text em {padding-right: 170px}
	
	/* 배너존 */
	.banner .banner_text strong {margin-right: 25px;}
}

@media only screen and (max-width:1060px) {
	
	/*** 비주얼 ***/
	.exit_main_visual .visual .vis_text > strong {font-size: 35px;}
	.exit_main_visual .visual .vis_text > strong > span > img {}
	.exit_main_visual .visual .vis_text > p > br:last-child {display: block;}
}


/* 태블릿 */
@media only screen and (max-width:1023px) {
	/*** 비주얼 ***/
	.exit_main_visual {height: auto;padding-bottom:30px;}
	.exit_main_visual .visual .login_box {display: none}
	.exit_main_visual .visual .vis_text {padding-top: 40px;position: relative;width: 50%;display: inline-block;vertical-align: top;height: 100%;float:left}
	.exit_main_visual .visual .vis_text > p {margin-top: 10px}
	.exit_main_visual .visual .vis_text .vis_img {display: block;text-align: center;width: 80%;margin: 20px auto 0;}
	.exit_main_visual .visual .vis_text .vis_img > img {width: 100%}
	
	.visual .main_popup {width: 46%;position: relative;display: inline-block;top: inherit;right: inherit;margin-top: 75px;}
	.visual .main_popup .slide {height: auto;}
	.visual .main_popup .stop_btn {right: 30%}
	
	/* 메뉴 바로가기 */
	.con_box1 .shortcut > ul > li > a {font-size: 17px;}
	.con_box1 .shortcut > ul > li > a .img img {width:60px}
	
	/* 공지사항 */
	.con_box2 .notice .notice_title > strong {font-size: 36px;}
	.con_box2 .notice .notice_title > p {font-size: 17px;margin-top: 20px}
	.con_box2 .notice .notice_arrow_box > a {font-size: 16px;}
	.con_box2 .notice .notice_arrow_box .notice_slide_arrow a.prev_btn {margin-right: 90px;}
	.slider-paging {left:37px}
	.slider-paging li div.num1 {font-size: 26px;}
	.slider-paging li div.num2 {font-size: 18px;}
	
	/* 자주 묻는 질문 */
	.con_box3 .faq_box .title > strong {font-size: 36px;}
	.con_box3 .faq_box .title > p {font-size: 17px;}
	.con_box3 .faq_box .tab_btn {margin-top: 30px;}
	.con_box3 .faq_box .tab_btn > ul > li > a {font-size: 18px}
	
	.con_box3 .faq_box .faq_slide .slide a .more_btn {font-size: 16px;}
	.slider-paging2 {top: -35px;right: 36px;}
	.slider-paging2 li div.num3 {font-size: 26px;}
	.slider-paging2 li div.num4 {font-size: 18px;}
	.faq_slide_box.on .faq_slide_arrow {top: 198px}
	.faq_slide_box.on .faq_slide_arrow a.prev_btn {margin-right:90px;}
	
	/* 바로가기 */
	.con_box4 .shortcut2 .text h3 {font-size: 32px;}
	.con_box4 .shortcut2 .text em {font-size: 17px;margin-top: 15px;}
	.con_box4 .guide:after {width: 220px;height: 135px}
	.con_box4 .cs:after {width: 208px;height: 144px;}
	.con_box4 .shortcut2 .text a.more_btn {margin-top: 25px;font-size:16px;}
	
	/* 배너존 */
	.banner .banner_text strong {font-size: 18px;}
	.banner .banner_text {width: 16%}
	.banner .banner_slide {width: 84%}
	
}

@media only screen and (max-width:926px) {
	/*** 비주얼 ***/
	.exit_main_visual {padding-bottom: 70px}
	.exit_main_visual:after {width: 276px;height: 168px;right: 475px;}
	.exit_main_visual .visual .vis_text {padding-top: 40px;}
	.exit_main_visual .visual .vis_text > strong {margin-bottom:0}
	.exit_main_visual .visual .vis_text > strong > span {margin-bottom:5px}
	.exit_main_visual .visual .vis_text > strong > span > img {width:120px}
	.exit_main_visual .visual .vis_text > strong > br {display: block}
	.exit_main_visual .visual .vis_text > p {margin-top: 20px;;font-size: 17px;}
	.visual .main_popup .stop_btn {right: 31%}
	
	/* 공지사항 */
	.con_box2 .notice .notice_title > p > br {display: none}

	/* 자주 묻는 질문 */
	.con_box3 .faq_box .tab_btn {border-radius: 0;overflow: inherit;border: none;margin-top:10px;background:inherit}
	.con_box3 .faq_box .tab_btn > ul > li {width: 48%;margin-bottom: 10px;}
	.con_box3 .faq_box .tab_btn > ul > li:after {display: none}
	.con_box3 .faq_box .tab_btn > ul > li:nth-child(2n) {float: right}
	.con_box3 .faq_box .tab_btn > ul > li > a {padding: 8px 0;overflow: hidden;background:#fff;border: 1px solid #ddd;border-radius: 50px;}

	.faq_slide_box.on .faq_slide_arrow {top:277px}
}

@media only screen and (max-width:867px) {
	/* 배너존 */
	.banner .banner_text {width: 18%}
	.banner .banner_slide {width: 82%}
}

@media only screen and (max-width:810px) {
	.con_box4 .guide:after,
	.con_box4 .cs:after {display: none}
	.con_box4 .guide .text em {padding-right: inherit}
	.con_box4 .guide .text {padding:50px 40px}
	.con_box4 .shortcut2 .text a.more_btn {margin-top: 0}
	.con_box4 .shortcut2 .text em {margin-bottom: 20px;}
}

/* 모바일 */
@media only screen and (max-width:767px) {
	
	/* 비주얼 */
	.exit_main_visual {height: auto;padding-bottom:40px}
	.exit_main_visual .visual .vis_text {padding-top: 40px;height: auto;width: 60%}
	.exit_main_visual .visual .vis_text > em {font-size:18px;line-height:18px;margin-bottom:15px}
	.exit_main_visual .visual .vis_text > strong {font-size: 28px;}
	.exit_main_visual .visual .vis_text > strong > span {line-height: 52px;margin-bottom:0;margin-right:13px}
	.exit_main_visual .visual .vis_text > strong > span > img {width:100px}
	.exit_main_visual .visual .vis_text > strong > br {display: none}
	.exit_main_visual .visual .vis_text > p {margin-top: 5px;font-size: 15px;}
	.exit_main_visual .visual .vis_text .vis_img {width: 60%}
	
	.visual .main_popup {margin: 80px auto 0;width: 37%}
	.visual .main_popup .popup_arrow {top:-27px}
	.popup-controller {top:-45px}
	.popup-controller > li > a {width: 12px;height: 12px;}
	.popup-controller > li.slick-active > a {width: 30px;height: 12px;}
	
	/* 메뉴 바로가기 */
	.con_box1 {padding: 0}
	.con_box1 .shortcut > ul {flex-wrap: wrap;}
	.con_box1 .shortcut > ul > li > a {font-size: 16px;}
	.con_box1 .shortcut > ul > li {flex: 1 1 25%;}
	
	/*공지사항*/
	.con_box2 {padding: 60px 20px}
	.con_box2 .notice .notice_title {width: 35%}
	.con_box2 .notice .notice_slide {width: 65%}
	
	.con_box2 .notice .notice_title > strong {font-size: 30px;}
	.con_box2 .notice .notice_title > p {font-size: 16px;margin-top: 15px}
	.con_box2 .notice .notice_title > a {font-size: 15px;width: 125px;height: 38px;line-height: 37px;}
	.slider-paging {bottom: 0}
	
	.con_box2 .notice .notice_slide .slide a div span {font-size: 16px;width: 90px;height: 32px;line-height: 30px;}
	.con_box2 .notice .notice_slide .slide a strong {margin-top: 10px;font-size: 21px;line-height: 31px;}
	.con_box2 .notice .notice_slide .slide a span {font-size: 15px;margin-top: 15px;}
	.con_box2 .notice .notice_slide .slide a em {font-size: 16px;margin-top: 15px;}
	
	/* 자주 묻는 질문 */
	.con_box3 {padding: 60px 20px}
	.con_box3 .faq_box .title > strong {font-size: 30px;}
	.con_box3 .faq_box .title > p {font-size: 16px;}
	.con_box3 .faq_box .tab_btn {margin-top:15px}
	.con_box3 .faq_box .tab_btn > ul > li > a {font-size: 16px}
	
	.con_box3 .faq_box .faq_slide_box {margin-top:60px;}
	.con_box3 .faq_box .faq_slide .slide a strong {font-size: 21px}
	.con_box3 .faq_box .faq_slide .slide a em {font-size: 16px;margin-top: 20px;padding: 20px 0;min-height: 151px}
	.con_box3 .faq_box .faq_slide .slide a .more_btn {font-size: 15px;width: 140px;height: 38px;line-height: 37px;}
	
	/* 바로가기 */
	.con_box4 .guide .text, .con_box4 .cs .text {padding:40px 0 40px 35px}
	.con_box4 .shortcut2 .text h3 {font-size: 28px;}
	.con_box4 .shortcut2 .text em {font-size: 16px;}
	.con_box4 .shortcut2 .text a.more_btn {font-size:15px;width:140px;height:38px;line-height:37px}
	
	/* 배너존 */
	.banner .banner_text strong {font-size: 17px;}
	.banner .banner_text {width: 23%}
	.banner .banner_slide {width: 77%}
	
}

@media only screen and (max-width:600px) {
	
	/* 비주얼 */
	.exit_main_visual .visual .vis_text {}
	.exit_main_visual .visual .vis_text > strong {font-size: 24px;}
	.exit_main_visual .visual .vis_text > strong > span {line-height:48px}
	.exit_main_visual .visual .vis_text > strong > span > img {width:90px}
	.exit_main_visual .visual .vis_text .vis_img {width: 55%}
	.visual .main_popup .stop_btn {right: 20%;bottom: 1px;}
	
	/* 공지사항 */
	.con_box2 .notice .notice_title {position: relative;z-index:1;width: 100%;padding-bottom: 65px;border-bottom: 1px dashed #ddd;}
	.con_box2 .notice .notice_slide {width: 100%;margin-top: 25px}
	
	.con_box2 .notice .notice_title > strong {font-size: 24px;margin-top: 0}
	.con_box2 .notice .notice_title > p {margin-top: 10px;font-size:15px;}
	.con_box2 .notice .notice_arrow_box {position: absolute;top:87px;right: 0;bottom:inherit;left:inherit;z-index:5;width:100%}
	.con_box2 .notice .notice_arrow_box .more_btn {top:-17px;left:0;width:110px;height:35px;line-height:32px;font-size:14px}
	.con_box2 .notice .notice_arrow_box .notice_slide_arrow {position:absolute;right:0;width:auto;margin-top: 0}
	.con_box2 .notice .notice_arrow_box .notice_slide_arrow a.prev_btn {margin-right: 105px}
	.slider-paging {top: 83px;right: 44px;left: inherit}

	.con_box2 .notice .notice_slide .slide a strong {font-size: 18px;min-height: inherit;max-height: inherit;line-height:28px;}
	.con_box2 .notice .notice_slide .slide a span {font-size: 13px;margin-top:10px;}
	.con_box2 .notice .notice_slide .slide a em {font-size: 14px;line-height: 22px;margin-top:10px;}
	.con_box2 .notice .notice_slide .slide a div span {font-size:14px;height:30px;line-height:30px;width:80px}
	
	/* 자주 묻는 질문 */
	.con_box3 .faq_box .title > strong {font-size: 24px;margin-top:0}
	.con_box3 .faq_box .title > p {font-size:15px;margin-top:10px;}
	.con_box3 .faq_box .tab_btn > ul > li > a {font-size:14px}
	
	.faq_slide_box.on .faq_slide_arrow {top: 251px;}
	.faq_slide_box.on .faq_slide_arrow a.prev_btn {margin-right:105px;}
	.slider-paging2 {top: -40px;right:46px;}
	
	.con_box3 .faq_box .faq_slide_box {height:auto;}
	.con_box3 .faq_box .faq_slide .slide a {padding: 25px 35px}
	.con_box3 .faq_box .faq_slide .slide a strong {font-size: 18px;min-height: inherit;max-height: inherit;overflow: inherit;line-height:26px;}
	.con_box3 .faq_box .faq_slide .slide a em {font-size: 14px;min-height: inherit;line-height:23px;}
	.con_box3 .faq_box .faq_slide .slide a .more_btn {font-size:14px;}
	
	/* 바로가기 */
	.con_box4 .shortcut2 .text h3 {font-size: 22px;}
	.con_box4 .shortcut2 .text em {font-size:15px;line-height:20px;margin-top:12px;}
	.con_box4 .shortcut2 .text a.more_btn {font-size:14px;}
	
	/* 배너존 */
	.banner .banner_text {width: 27%}
	.banner .banner_slide {width: 73%}
	
}

@media only screen and (max-width:520px) {
	/* 비주얼 */
	.exit_main_visual .visual {width: 100%}
	.exit_main_visual .visual .vis_text {width: 100%;float:inherit;padding-top:30px}
	.exit_main_visual .visual .vis_text > em {text-align:center;font-size:15px;line-height:15px}
	.exit_main_visual .visual .vis_text > strong {display: block;text-align: center;}
	.exit_main_visual .visual .vis_text > strong > span {line-height:26px}
	.exit_main_visual .visual .vis_text > strong > span > img {width:69px}
	.exit_main_visual .visual .vis_text > p {text-align: center;margin-top:15px;font-size:14px}
	.exit_main_visual .visual .vis_text > p > br:last-child {display: none}
	.exit_main_visual .visual .vis_text .vis_img {display: none}
	.visual .main_popup {width: 70%;margin: 40px auto 0;display: block;}
	.visual .main_popup .stop_btn {right: 29%;bottom: 1px;}
	
	.con_box4 .shortcut2 {width: 100%}
	.con_box4 .shortcut2 .text {padding: 30px 25px;}
	.con_box4 .shortcut2 .text em {min-height: inherit}
	
	/* 배너존 */
	.banner .banner_text {width: 31%}
	.banner .banner_slide {width: 69%}
	
	/* 메뉴 바로가기 */
	.con_box1 .shortcut > ul > li > a {font-size:15px;}
	/* 공지사항 */
	.con_box2 {padding:40px 20px}

	/* 자주묻는질문 */
	.con_box3 {padding:40px 20px}
}
@media only screen and (max-width:440px) {
	.exit_main_visual {height: auto;padding-bottom: 10px}
	.exit_main_visual .visual .vis_text {padding-right: 20px}
	.exit_main_visual .visual .vis_text > strong {line-height: 32px;font-size: 22px;}
	.exit_main_visual .visual .vis_text > p {}
	.exit_main_visual .visual .vis_text > p > br:last-child {display: block;}
	
	.visual .main_popup {position: relative;top: 0;right: 0;margin: 40px auto 0;transform: inherit;}
	.visual .main_popup .slide {height: auto}


	/* 메뉴 바로가기 */
	.con_box1 .shortcut > ul > li {flex: 1 1 50%;}
	.con_box1 .shortcut > ul > li:nth-child(odd) > a {background-color: inherit}
	.con_box1 .shortcut > ul > li:nth-child(1) > a  {background-color:#f9f9f9}
	.con_box1 .shortcut > ul > li:nth-child(4) > a  {background-color:#f9f9f9}
	.con_box1 .shortcut > ul > li:nth-child(5) > a  {background-color:#f9f9f9}
	.con_box1 .shortcut > ul > li > a {font-size:14px;padding:15px 0 15px 0;text-align:center}
	.con_box1 .shortcut > ul > li > a .img img {width:50px}
	.con_box1 .shortcut > ul > li > a .txt {margin:5px 0 0 0 }

	/* 자주묻는질문 */
	.con_box3 .faq_box .faq_slide_box {margin-top:60px}
}

@media only screen and (max-width:423px) {
	
	/*비주얼*/
	.visual .main_popup .stop_btn {right: 26%;}
	
	/* 배너존 */
	.banner .banner_text {width: 44%}
	.banner .banner_text strong {margin-right:15px}
	.banner .banner_slide {width: 56%}
}

@media only screen and (max-width:406px) {
	
	/* 공지사항 */
	.con_box2 .notice .notice_arrow_box .notice_slide_arrow a.prev_btn {margin-right: 98px;}
	.slider-paging li div.num1 {font-size: 24px}
	.slider-paging li div.num2 {font-size: 16px;}
	
	.slider-paging2 li div.num3 {font-size: 24px}
	.slider-paging2 li div.num4 {font-size: 16px;}
	
}

@media only screen and (max-width:383px) {
	/* 공지사항 */
	.con_box2 .notice .notice_arrow_box {top:110px}
	.con_box2 .notice .notice_arrow_box .notice_slide_arrow {top:-7px}
	.slider-paging {top:99px;right:43px;}
}


@media only screen and (max-width:388px) {
	.faq_slide_box.on .faq_slide_arrow {top:277px;}
}


@media only screen and (max-width:383px) {
	/*비주얼*/
	.visual .main_popup .stop_btn {right: 22%;}
	
}