@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/notosans.css');

@font-face {
	font-family: 'NotoSans';
	font-weight: 200;
	src: url('/font/NotoSansKR-Light.eot');
	src: url('/font/NotoSansKR-Light.eot') format('embedded-opentype'),
	url('/font/NotoSansKR-Light.woff') format('woff'),
	url('/font/NotoSansKR-Light.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 300;
	src: url('/font/NotoSansKR-DemiLight.eot');
	src: url('/font/NotoSansKR-DemiLight.eot') format('embedded-opentype'),
	url('/font/woff/NotoSansKR-DemiLight.woff') format('woff'),
	url('/font/otf/NotoSansKR-DemiLight.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 400;
	src: url('/font/NotoSansCJKkr-Regular.eot');
	src: url('/font/NotoSansCJKkr-Regular.eot') format('embedded-opentype'),
	url('/font/NotoSansCJKkr-Regular.woff') format('woff'),
	url('/font/NotoSansCJKkr-Regular.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 500;
	src: url('/font/NotoSansKR-Medium.eot');
	src: url('/font/NotoSansKR-Medium.eot') format('embedded-opentype'),
	url('/font/NotoSansKR-Medium.woff') format('woff'),
	url('/font/NotoSansKR-Medium.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 700;
	src: url('/font/NotoSansCJKkr-Bold.eot');
	src: url('/font/NotoSansCJKkr-Bold.eot') format('embedded-opentype'),
	url('/font/NotoSansCJKkr-Bold.woff') format('woff'),
	url('/font/NotoSansCJKkr-Bold.otf') format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 900;
	src: url('/font/NotoSansKR-Black.eot');
	src: url('/font/NotoSansKR-Black.eot') format('embedded-opentype'),
	url('/font/NotoSansKR-Black.woff') format('woff'),
	url('/font/NotoSansKR-Black.otf') format('truetype');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,input{margin:0;padding:0;font-family:'NotoSans', sans-serif, "나눔고딕", NanumGothic, "맑은고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body,h1,h2,h3,h4,th,td,input,select{color:#333;font-family:'NotoSans', sans-serif, "나눔고딕", NanumGothic, "맑은고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim,"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;font-weight:normal;}
body * {letter-spacing: -1px; text-shadow:none;}
body {-webkit-text-size-adjust:none; font-size:16px;}

hr{display:none}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
img,input,select,textarea{vertical-align:top}
a{text-decoration:none;vertical-align:top;}
a:focus, input:focus, textarea:focus, select:focus{outline:1px dotted #E90000; }
a:link, a:visited {text-decoration:none; color:#333333;}
a:active, a:hover {text-decoration:none; color:#555555;}
legend,.hidden{position:absolute;top:-10000px;left:0;overflow:hidden;width:0;height:0;}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{cursor:pointer;}
em{font-style:normal;}
.cFix{*zoom:1;}
.cFix:after{content:"";display:block;clear:both;}
.hidden2 {display: block; overflow: hidden; position: absolute; top: -1000em; left: 0;}

.ui-input-text.ui-focus,
.ui-select .ui-btn.ui-focus{-webkit-box-shadow: 0 0 12px #b0b0b0 !important;-moz-box-shadow: 0 0 12px #b0b0b0 !important;box-shadow: 0 0 12px #b0b0b0 !important;}
::-webkit-input-placeholder  {color:#303235 !important; font-family:dotum;}
::-moz-placeholder{color:#303235 !important; opacity:1 !important; font-family:dotum;}
:-ms-input-placeholder{color:#303235 !important; font-family:dotum;}
input:-moz-placeholder{color:#303235 !important; opacity:1 !important; font-family:dotum;}
select,textarea{border:0; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none;}
textarea,
input[type='text'], input[type='password'] {
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	padding: 0;
	outline:0;
	border: 0 none;
}
a[href^="tel"]{color:inherit; text-decoration:none;}
/* Default */
/* Header */
.ui-header{background:transparent !important;border:0;border-bottom:3px solid #012d84 !important;margin:0;padding:15px 0 20px;position:relative;text-align:center;height:36px;}
.ui-header .logo a{background:url(/images/common/logo.png) 0 0 no-repeat;display:inline-block;font-size:0;line-height:999px;width:172px;height:40px;background-size:172px 40px;overflow:hidden;}
.ui-header .btn{position:absolute;top:17px;z-index:1;}
.ui-header .btn.left{left:17px;}
.ui-header .btn.right{right:17px;}
.ui-header .btn a{display:inline-block;z-index:1;width:36px;height:32px;line-height:999px;overflow:hidden;}
.ui-header .btn .menu{background:url(/images/header/btn_menu.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .search{background:url(/images/header/btn_search.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .search.on{background:#3367aa url(/images/header/btn_search_on.png) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .login{margin-left:9px;background:url(/images/header/btn_login.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .btn .my{margin-left:9px;background:url(/images/header/btn_my.gif) 0 0 no-repeat;background-size:36px 32px;}
.ui-header .searchBar{display:none;position:absolute;left:0;top:5px;width:100%;height:56px;overflow:hidden;clear:both;}
.ui-header .searchBar .searchArea{position:relative;clear:both;height:34px;margin:0 73px;background:#fff;padding:11px 0;}
.ui-header.btn2type .searchBar .searchArea{/*margin-right:120px;*/}
.ui-header .searchBar .ui-input-search,.ui-header .searchBar .ui-input-text{margin:0;border-radius:.125em;border:1px solid #ddd;height:32px;}
.ui-header .searchBar .ui-input-has-clear {border: 0 none; border-radius: 0; padding-right: 0;}
.ui-header .searchBar .ui-input-search input,.ui-header .searchBar .ui-input-text input{padding-top:0;padding-bottom:0;min-height:100%;}
.transition0s{transition:0s;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;}
.transition300ms{transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;}
@media all and (max-width:480px) {
	.ui-header{padding:15px 0;}
	.ui-header .logo a{margin-top: 2px; background-size:100% 100%; width:119px;height:32px;}
}
@media all and (max-width:440px) {
}

@media all and (max-width:400px) {
	.ui-header{height:34px;}
	.ui-header .btn.left{left:8px;}
	.ui-header .btn.right{right:8px;}
	.ui-header .btn .my{margin-left:2px;}
	.ui-header .btn a{background-size:34px 30px !important;width:34px;height:30px;}
	.ui-header .searchBar{top:4px;height:56px;}
	.ui-header .searchBar .searchArea{height:32px;padding:12px 0;margin:0 58px;}
	.ui-header.btn2type .searchBar .searchArea{margin-right:96px;}
	.ui-header .searchBar .ui-input-search{height:30px;}
}

.ui-header {display:none;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{background-color:#fff;}
.ui-body-c{background:#fff;}
.ui-content{position:relative; background:#fff;padding:0;}
.ui-bar-a{background:none;}
.ui-footer{background:transparent !important;border:0;}
.ui-checkbox .ui-focus{box-shadow:0 0 0;}
.ui-radio .ui-focus{box-shadow:0 0 0;}
.ui-panel-dismiss-display-overlay{background:#000;opacity:0.3;left:0 !important;right:0 !important;z-index:1000;}
.ui-btn.ui-btn-right.ui-link.ui-icon-delete{background:#3c8cc6;border-color:#fff;}
.ui-btn.ui-btn-right.ui-link.ui-icon-delete:hover{background:#3c8cc6;border-color:#fff;}
.ui-btn.ui-btn-right.ui-link.ui-icon-delete:after{background-color:#3c8cc6;}
.ui-btn.ui-checkbox-on:after{background-color:#3c8cc6;border-color:#3c8cc6;text-shadow:0 1px 0 #3c8cc6;}
.ui-btn.ui-checkbox-off:after{background-color:rgba(255,255,255,.9);opacity:1;}
.btnType{height:0;line-height:999px;overflow:hidden;display:inline-block;}
.btnColor{background-color:#3c8cc6 !important;}

.button {display:inline-block; box-sizing:border-box; padding:0 20px; height:31px; line-height:31px; text-align:center; border-radius:2px; border:1px solid #010101; background-color:#2070da; color:#fff !important;}
.button.ui-link {color:#fff;}
.button.type2 {background-color:#fff; color:#2070da !important;}

/* Buttons */
button.btn{font-size:15px;margin:0 auto;padding:0;font-weight:bold;text-shadow:0 0 0 !important;border-radius:.1em !important;border:0 !important;background:#3c8cc6 !important;color:#fff !important;border:1px solid #3c8cc6 !important;width:96px;height:40px;line-height:40px;}
button.btn.reverse{background:#fff !important;color:#3c8cc6 !important;border:1px solid #3c8cc6 !important;}
button.btn:active{text-shadow:0 0 0 !important;}

.inputBox {box-sizing:border-box; position:relative; display:inline-block; width:100%; height:30px; border-radius:2px; border:1px solid #010101;}
.inputBox input {min-height:100%; box-sizing:border-box; width:100%; height:100%; padding:0 5px; border:none; box-shadow:none; background-color:#fff !important;}
.inputBox.hasClear input {padding-right:35px;}
.inputBox .clear {position:absolute; top:0; right:0; width:35px; height:100%; background:#fff url(/images/common/btn_clear.png) no-repeat 50% 50%; background-size:7px;}
.inputBox .ui-input-text {opacity:1; height:100%; margin:0;}

/* Waiting Comment */
.waitCommentDiv{color:#fff;font-size:14px;text-align:center;font-weight:bold;margin-top:2px;height:60px;}
.waitCommentDiv p{line-height:30px;}
.waitCommentDiv p.oneline{padding-top:15px;}
.waitCommentDiv p.multiline{line-height:25px;padding-top:5px;}
.waitCommentDiv p.errmultiline{line-height:20px;padding:0 0 4px;margin-top:-8px;}
.waitCommentDiv p.loading{padding-right:3px;}
.waitCommentDiv img{width:16px;height:16px;vertical-align:-2px;margin-left:5px;}
.waitCommentDiv .close{display:none;text-align:center;height:30px;}
.waitCommentDiv .close .ui-btn{width:100px;height:28px;line-height:28px;margin:0 auto;padding:0;border-radius:0;}

/* popup dismiss */
.ui-popup-screen{position:fixed;}

/* procPopup Dialog */
#procPop-popup,#viewOptionProcPop-popup{position:fixed !important;top:50% !important;left:50% !important;margin:-47px 0 0 -135px !important;}
.procPopDiv{width:250px;height:64px;padding:15px 10px;background-color:rgba(69,69,69,.92);text-shadow:0 0 0;}

@media all and (min-width:900px) {
	.content.wSmall {width:900px; margin:0 auto}
}
.content{padding:15px;margin:0 0 0 0;position:relative; min-height:400px; font-size:16px;}
.contentTopbar .inner .pageTitle h2{font-size:18px;}

/* NaviTitle */
.naviTitle{position:relative; margin:0 30px 0 0;}
.naviTitle.noOption{padding-right:0;}
.naviTitle .cFix{position:relative;}
.naviTitle a{color:#333 !important;font-size:14px;line-height:20px;}
.naviTitle h2{font-size:18px;color:#333;font-weight:500;border-bottom:none;margin:0 0 22px;line-height:17px;}
.naviTitle h2 a.cate{font-size:12px;color:#999 !important;vertical-align:bottom;line-height:17px;}
.naviTitle h2 img{height:16px;vertical-align:-2px;margin-right:6px;opacity:.6;}
.naviTitle .description{position:absolute;top:7px;right:0;margin-right:90px;font-size:12px;color:#7e644e;}
.naviTitle.noOption .description{margin-right:0;}
.naviTitle .btnView{background:url(/images/common/btn_view02.gif) 0 0 no-repeat;background-size:72px auto;width:72px;height:22px;position:absolute;top:0;right:0;line-height:999px;display:inline-block;overflow:hidden;}
.naviTitle .btn_off{position:absolute;right:0;top:0;}
.naviTitle .btn_off a{display:block;padding:5px 20px;color:#fff !important;background:#a61c61;border-radius:10px;text-align:center;}
@media all and (max-width:767px) {
	.naviTitle{padding-top:10px;padding-bottom:20px;}
	.naviTitle h2{margin:0;font-size:.8em;}
	.naviTitle h2 img{vertical-align:middle;}
	.naviTitle .description{position:relative;margin:4px -72px 0 0;}
	.naviTitle .btn_off{width:100px;}
	.naviTitle .btn_off a{font-size:.7em;padding:5px 2px;font-weight:normal;line-height:1.2em;}
}

input[type='text'] {text-shadow: none;}
input[type='text']::-webkit-input-placeholder {text-shadow: none; color: #333 !important; letter-spacing: 0;}
input[type='text']:-moz-placeholder {text-shadow: none; color: #333 !important; letter-spacing: 0;}

.footer-wrap {border-top: 1px solid #38373f; background-color: #15141d; padding: 15px 0;}
.footer-wrap .footer-wrap-in {position: relative; max-width: 100%; margin: 0 auto;text-align: center;}
.footer-wrap .footer-wrap-in a {position: relative; margin-left: 5px; padding: 5px 0 5px 5px; font-size: 12px; color: #fff;}
.footer-wrap .footer-wrap-in a.contact {display: none;}
.footer-wrap .footer-wrap-in a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background: #888;
    box-shadow: -1px 0 0 #c4c4c4
}
.footer-wrap .footer-wrap-in a:first-child {padding: 5px 0;margin: 0;}
.footer-wrap .footer-wrap-in a:first-child:after {content: none;}
.footer-wrap .footer-wrap-in .tel {
    position: static;
    display: block;
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 16px;
    color: #a69bff;
    letter-spacing: 0;
    background: none;
}
.footer-link {display: none; text-align: center;}

@media (max-width:960px) {
	.footer-wrap .footer-wrap-in .tel {display: block; position: static; white-space: nowrap; margin-top: 0; text-align: center;}
}

@media (max-width:767px) {
	.footer-wrap {border-top: 0 none; background-color: #f1f0f0;}
	.footer-wrap .footer-wrap-in a {color: #888 !important; white-space:nowrap;}
	.footer-wrap .footer-wrap-in .tel em,
	.footer-wrap .footer-wrap-in .tel {color: #666 !important;}
}
@media (min-width:768px){
	.footer-wrap {padding: 29px 0;}
    .footer-wrap .footer-wrap-in {max-width: 1200px; text-align: left}
    .footer-wrap .footer-wrap-in a {margin-left: 15px; padding: 5px 0 5px 15px; font-size: 14px;}
    .footer-wrap .footer-wrap-in .tel {position: absolute; z-index: 1; top: 50%; right: 0; margin: -12px 0 0 0; font-size: 20px; color: #a57253;}
    .footer-link {display: none; text-align: center;}
	.footer-wrap {padding: 13px 6px;}
	.footer-wrap .footer-wrap-in {padding-top: 0;}
	.footer-wrap .footer-wrap-in > a {display: inline-block;}
}
@media (max-width:500px) {
	.footer-link {border-top: 1px solid #8b8b8b; padding-bottom: 0; background-color: #e8e8e8;}
	.footer-wrap {padding: 15px 0 12px; background-color: #e8e8e8;}
	.footer-wrap .footer-wrap-in a {color: #131313 !important; margin-right: 6px; padding-left: 5px;}
	.footer-wrap .footer-wrap-in .tel {color: #131313 !important;}
	.footer-wrap .footer-wrap-in .tel em {color: #3a7bbf !important; margin-left: 0.5em;}
}
@media(max-width:1230px){
	.footer-wrap .footer-wrap-in {padding-left: 15px; padding-right: 15px;}
	.footer-wrap .footer-wrap-in .tel {right: 15px;}
}


/* 20200210 */
.con-in {margin: 0 auto; max-width:1164px; padding: 0 18px;}
.con-in:after {content:''; display: table; clear:both;}
.header {position: relative; z-index: 2;}
.header .header-in {position: relative;}
.header .header-in .h1 {float: left; padding: 23px 0 0 0;}
.header .header-in .h1 a {display: block; width: 271px; font-size: 0; height: 24px; background: url('/images/common/logo.png') 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.fc4 {color:#238263 !important;}
.header .header-in .header-r {position: relative; z-index: 1; float: right; padding: 18px 0 17px; font-size: 14px; line-height: 20px;}
.header .header-in .header-r .search-wrap {overflow: hidden; vertical-align: middle; display: inline-block; font-size: 0; padding: 0 18px; height: 36px; background-color: #E8F5F1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.header .header-in .header-r .search-wrap input[type="text"] {padding: 8px 10px; width: 128px; font-size: 14px; line-height: 20px; background-color: #E8F5F1}
.header .header-in .header-r .search-wrap a {display: inline-block; height: 36px; width: 20px; background: url('/images/common/ico_search.png') center center no-repeat;}
.header .header-in .header-r > a {vertical-align: middle; margin-left: 23px; color: #000 !important;}
.header .header-in .header-r .my-sub {display: none; position: absolute; top: 59px; right: 0; border: 1px solid #E1E2E8; color: #222; text-align: left; font-weight: 500; background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.header .header-in .header-r > a.layer-on {position: relative; top: -1px; color: #2445BC !important; border-bottom: 1px solid #2445BC; font-weight: 500;}
.header .header-in .header-r .my-sub .name {margin: 0 16px; padding: 15px 0; font-size: 20px; line-height: 1.5em; border-bottom: 1px solid #BECCD5;}
.header .header-in .header-r .my-sub ul {padding: 10px 0;}
.header .header-in .header-r .my-sub ul li {}
.header .header-in .header-r .my-sub ul li a {display: block; padding: 0.5em 19px; min-width:130px; font-size: 16px; line-height: 1.5em; color: #022222 !important; background-color: #fff;}
.header .header-in .header-r .my-sub ul li a:before {content:''; display: inline-block; vertical-align: 5px; margin-right: 8px; width: 4px; height: 4px; font-size: 0; background-color: #222;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.header .header-in .header-r .my-sub ul li a:hover {background-color: #EDEEF5;}
.header .header-in .header-r .my-sub .arr {position: absolute; top: -12px; right: 20px; width: 17px; height: 12px; background: url('/images/common/arrowt.png') center center no-repeat;}
.header .header-in .mobiinfo {position: absolute; top: 23px; left: 318px; display: block; height: 24px; font-size: 14px; line-height: 24px; color: #000;}
.header .header-in .mobiinfo strong {position: relative; display: inline-block; padding-left: 14px;}
.header .header-in .mobiinfo strong:after {content:''; position: absolute; top: 50%; left: 0; margin-top: -3px; display: block; width: 6px; height: 6px; background-color: #D1A667;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.header .header-in .mobiinfo a {color: #000 !important;}
.header .header-in .mobiinfo .go-view {margin: 0 10px; text-decoration:underline;}
.header .header-in .mobiinfo .arrow {display: none;}

.gnbbox {padding: 0 18px;}
.gnbbox .gnb-in {max-width:1164px; margin: 0 auto; font-size: 18px; line-height: 22px; border-bottom: 1px solid #4DC19A;}
.gnbbox .gnb-in ul {overflow: hidden;}
.gnbbox .gnb-in ul li {float: left; margin-left: 44px;}
.gnbbox .gnb-in ul li:first-child {margin-left: 0;}
.gnbbox .gnb-in a {overflow: hidden; position: relative; display: inline-block; padding: 24px 0; text-align: center; margin-left: 44px; color: #fff !important; font-weight: normal;}
.gnbbox .gnb-in .tag a {color: #91D4FF !important;}
.gnbbox .gnb-in .tag a:after {background-color: #91D4FF;}
.gnbbox .gnb-in a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0; height: 0; background-color: #fff;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	-o-transition: height 0.4s;
	transition: height 0.4s;
}
.gnbbox .gnb-in a:first-child {margin-left: 0;}
.gnbbox .gnb-in .active a:after,
.gnbbox .gnb-in a:hover:after {height: 3px;}
.br {display: block;}
.footer-wrap .footer-wrap-in a {color: #B1B1B1 !important;}
.footer-wrap .footer-wrap-in .tel {font-size: 16px; color: #B1B1B1 !important;}
.footer-wrap .footer-wrap-in .tel em { color: #B1B1B1 !important;}
.footer-wrap .footer-wrap-in .tel > span + span {margin-left: 1em;}

@media(max-width:1100px){
	.header .header-in .mobiinfo {position: relative; top: auto; left: auto; border-top: 1px solid #BECCD5; clear:both; padding: 10px 0; margin: 0 -18px;}
	.header .header-in .mobiinfo {color: #204A78;}
	.header .header-in .mobiinfo strong {padding-left: 0; margin-left: 18px;}
	.header .header-in .mobiinfo strong:after {display: none;}
	.header .header-in .mobiinfo .go-view {margin-right: 0;}
	.header .header-in .mobiinfo .arrow {display: inline;}
	.header .header-in .mobiinfo .more {position: absolute; top: 10px; right: 18px;}
}
@media(max-width:960px){
	.footer-wrap {background-color: #2E3236;}
	.footer-wrap .footer-wrap-in {text-align: center;}
	.footer-wrap .footer-wrap-in .tel {position: static; margin-top: 0;}
}
@media(max-width:800px){
	.header .header-in {}
	.header .header-in .h1 {position: absolute; top: 0; left: 18px; padding-top: 15px;}
	.header .header-in .h1 a {height: 18px; width: 208px; background-image: url('/images/common/logo_m.png');}

	.header .header-in .header-r {float: none; height: 41px; padding: 9px 0 0 0; margin-left: 220px; text-align: right;}
	.header .header-in .header-r-on {margin-left: 0;}
	.header .header-in .header-r > a.guide,
	.header .header-in .header-r > a.manage {display: none;}
	.header .header-in .header-r > a.my {position: absolute; top: 9px; right: 0; margin-left: 0; font-size: 0; display: inline-block; width: 20px; height: 30px; vertical-align: top; background: url('/images/common/ico_man.png') center center no-repeat;
		-webkit-background-size: 15px auto;
		background-size: 15px auto;
	}
	.header .header-in .header-r > a.layer-on {border-bottom: 0 none;}
	.header .header-in .header-r .search-wrap a {width: 20px; height: 30px; background-image: url('/images/common/ico_search_m.png');
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
	}
	.header .header-in .header-r .search-wrap {position: relative; padding-right: 20px; display: block; height: 30px; margin-right: 32px; padding: 0 25px 0 0; background: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.header .header-in .header-r .search-wrap input[type="text"] {padding: 5px 0; width: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition:;
		-moz-transition:;
		-o-transition:;
		transition: width 0.4s;
	}
	.header .header-in .header-r .search-wrap a {position: absolute; top: 0; right: 0;}
	.header .header-in .header-r-on .search-wrap input[type="text"],
	.header .header-in .header-r .search-on input[type="text"] {padding: 5px; width: 100%;}

	.gnbbox {padding-left: 0; padding-right: 0;}
	.gnbbox .gnb-in {font-size:15px;}
	.gnbbox .gnb-in ul {padding-left: 18px; padding-right: 18px;}
	.gnbbox .gnb-in a {padding: 20px 0; font-size: 14px; line-height: 20px; }
	.br {display: inline;}
	.header .header-in .header-r .my-sub {right: -10px;}
	.header .header-in .header-r .my-sub .arr {right: 10px;}
	.header .header-in .header-r .my-sub .name {font-size: 16px; padding: 10px 0;}
	.header .header-in .header-r .my-sub ul li a {font-size: 14px;}

	/* 20200220 */
	.header .header-in .header-r > a.btn-login,
	.header .header-in .header-r > a.btn-join {display: inline-block; width: 20px; height: 30px; font-size: 0; margin-left: 10px; background-repeat: no-repeat; background-position: center center;}
	.header .header-in .header-r > a.btn-login {background-image: url('/images/common/ico_login.png');
		-webkit-background-size: 12px auto;
		background-size: 12px auto;
	}
	.header .header-in .header-r > a.btn-join {background-image: url('/images/common/ico_join.png');
		-webkit-background-size: 16px auto;
		background-size: 16px auto;
	}
}
@media(max-width:500px){
	.footer-wrap .footer-wrap-in .tel {white-space: normal; font-size: 14px;}
	.footer-wrap .footer-wrap-in .tel > span {white-space:nowrap; margin: 0 0.5em;}
	.footer-wrap .footer-wrap-in .tel > span + span {margin-left: 0;}
}