@charset "utf-8";

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


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,input{margin:0;padding:0;font-family:'Noto Sans KR', 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:'Noto Sans KR', 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;}
}

.infobox {border-top: 1px solid #e8e8e8; font-size: 16px; line-height: 2.75em; background-color: #fff; border-bottom:1px solid #4393da}
.infobox .infobox-in {overflow: hidden; max-width:1200px; margin: 0 auto;}
.infobox .infobox-in .ing {float: left;}
.infobox .infobox-in .ing .name {color: #000; margin-right: 0.2em;}
.infobox .infobox-in .ing .time {color: #ff5400; margin-right: 0.5em;}
.infobox .infobox-in .ing .per {color: #005fdd;}
.infobox .infobox-in .my {float: right; color: #197fd8 !important; margin-right: 35px;}

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;}

.top-area {position: relative;z-index: 1;}
body.fixed .top-area {z-index: 999;}

.footer-wrap {border-top: 0 none; padding: 15px 0; background-color: #f1f0f0;}
.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: #888;}
.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: #666;
    letter-spacing: 0;
    background: none;
}

.footer-link {display: none; text-align: center;}

a[href^="tel"]{color:inherit; text-decoration:none;}
.header-bar-wrap {font-size: 1.4rem; width: 100%; border-bottom:1px solid #ccc;}
.header-bar-wrap .header-bar-in {position: relative; max-width: none; height: 47px; margin: 0 auto;}
.header-bar-wrap .header-bar-in:after {content: ''; display: table; clear: both;}
.header-bar-wrap h1 {position: absolute; top: 0; left: 15px;}
.header-bar-wrap h1 a {color: transparent !important; display: block; width: 100px; height: 47px; background: url('../images/common/logo.png') no-repeat 0 center;
    -webkit-background-size: 100% auto; background-size: 100% auto;}
.header-bar-wrap .search-wrap {float: right;}
.header-bar-wrap .btn-my {
    position: absolute; top: 50%; right: 10px; width: 20px; height: 18px; margin-top: -9px;
    background: url('../images/common/btn_user.png') no-repeat 0 center; background-size: 100%; font-size: 0;
}
.header-bar-wrap .btn-login {
    position: absolute; top: 50%; right: 10px; width: 20px; height: 18px; margin-top: -9px;
    background: url('../images/common/btn_login.png') no-repeat 0 center; background-size: 100%; font-size: 0;
}
.header-bar-wrap .top-list {display: none;}
.header-bar-wrap .search {float: right;}
.header-bar-wrap .search input[type='text'] {display: none; position: absolute; top: 50%; right: 35px; margin-top: -15px; width: 170px; height: 30px; padding: 0 10px; border: 1px solid #c5c1c1;}
.header-bar-wrap .search .ui-input-text {border: none !important;text-shadow: none !important;margin: 0 !important;box-shadow: none !important;}
.header-bar-wrap .search.search-on input[type='text'] {display: block;}
.header-bar-wrap .search .btn-search {display: block; position: absolute; top: 50%; right: 45px; color: transparent; width: 20px; height: 17px; margin-top: -8.5px; background: url('../images/common/btn_search2.png') 0 0 no-repeat;background-size: 100%;}
.header-bar-wrap .search:after {content: ''; display: block; clear: both;}
.header-bar-wrap .search-wrap .user-info {opacity: 1; overflow: hidden; max-height:100px; display: inline-block;position: absolute; top: 47px; left: 0px; right: 0px; padding: 0.5em 1em; background-color: rgba(0,0,0,0.6); color: #fff;font-size: 15px; text-align: right;
	-webkit-transition: ;
	-moz-transition: ;
	-ms-transition: ;
	-o-transition: ;
	transition: opacity 0.4s, padding-top 0.4s, padding-bottom 0.4s;
}
body.fixed .header-bar-wrap .search-wrap .user-info {opacity: 0; padding: 0; height: 0;
}
body.fixed .header-bar-wrap {position: fixed; z-index: 999; top: 0; left: 0; background-color: #fff;}

.top-content .status {position: absolute; top: 17px; right: 20px; font-weight: bold; color: #fff; font-size: 16px; letter-spacing: 0;}
.top-content .status .view {margin-left: 1.25em; color: #2cf0ff !important; border-bottom: 1px solid #2cf0ff;}
.top-content .txt1 {text-align: center;}
.top-content .txt1 img {max-width:100%;}
.top-content .txt2 {padding: 1.4em 0 1.9em; text-align: center; color: #fff; font-size: 17px; line-height: 1.5em;}
.top-content .btns {text-align: center;}
.top-content .btns a {position: relative; display: inline-block; padding: 0.53em 3em 0.53em 1.325em; margin: 0 2px; min-width:6em; border: 1px solid #fff; color: #fff !important; font-size: 17px;}
.top-content .btns a:after {content:''; display: block; position: absolute; top: 0; right: 0.75em; bottom: 0; width: 29px; background: url('../images/common/bg-arrow.png') 0 center no-repeat;}

.sub-wrapper .content-wrap .t-tab:before {content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 42px;background: rgba(91,90,89,0.3);}
.sub-wrapper .content-wrap .t-tab {margin: 0;position: absolute;top: 132px;left: 0;right: 0;}
.sub-wrapper .content-wrap .t-tab-wrap {position: relative;margin: 0 auto; max-width:1100px; height:42px;z-index: 100;}
.sub-wrapper .content-wrap .t-tab-in {margin: 0 auto; width:100%; display: table;}
.sub-wrapper .content-wrap .t-tab-in > a {display: table-cell; width: 33.33333333%; text-align: center; padding: 0.5em 0; font-size: 23px; color: #fff;font-weight: 600;}
.sub-wrapper .content-wrap .t-tab-in > a.on {background-color: #fff; color: #000;}

@media (min-width: 768px) and (max-width: 1230px) {
	body.fixed .header-bar-wrap .header-bar-in {padding: 0 15px;}
    body.fixed .header-bar-wrap h1 {left: 15px;}
	.top-area {padding: 0 15px;}
    .header-bar-wrap .search-wrap {/*position: relative;*/}
	.footer-wrap {padding: 29px 15px;}
}

@media (max-width:1199px){
	.top-content .status, .footer-wrap .footer-wrap-in a {margin-right: 12px; padding-left: 10px;}
	.infobox .infobox-in .ing {margin-left: 10px;}
	.infobox .infobox-in .my {margin-right: 10px;}
}

@media (min-width: 960px) {
	.header-bar-wrap .search-wrap .user-info {position: static; padding: 31px 0 31px 0; font-size: 14px; color: #1588a9; background: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	body.fixed .header-bar-wrap .search-wrap .user-info {opacity: 1; padding: 31px 0; height: auto;}
}

@media (max-width:960px) {
	.sub-wrapper .content-wrap .t-tab-in > a {font-size: 18px;}
	.footer-wrap .footer-wrap-in .tel {display: block; position: static; white-space: nowrap; margin-top: 0; text-align: center;}
}

@media (max-width:767px) {
	.infobox {font-size: 14px;}
	.sub-wrapper .content-wrap .t-tab-in > a span {display: none;}
}

@media (min-width:768px){
	.header-bar-wrap .header-bar-in {max-width: 1200px; height: 80px;}
    .header-bar-wrap h1 {left: 0;}
    .header-bar-wrap h1 a {width: 155px; height: 79px;}
    .header-bar-wrap .btn-my, .header-bar-wrap .btn-login {display: none;}
    .header-bar-wrap .top-list {display: block; float: right; margin: 29px 15px 29px 0;}
    .header-bar-wrap .top-list li {float: left; margin: 0;}
    .header-bar-wrap .top-list li.go-link {padding-left: 0;}
    .header-bar-wrap .top-list li a {display: inline-block; padding: 0 15px; font-size: 14px;
        line-height: 22px;
        color: #666;
    }

    .header-bar-wrap .search {margin: 27px 0;}
    .header-bar-wrap .search input[type='text'] {display: block; position: static; width: 170px; height: 24px; margin: 0;}
    .header-bar-wrap .search .btn-search {top: 33px; right: 5px; margin: 0; width: 17px; height: 14px; background: url('/images/common/btn_search1.png') 0 0 no-repeat;}
	body.fixed .header-bar-wrap .search .btn-search {right: 20px;}
	.header-bar-wrap .search-wrap .user-info {top: 80px; left: -15px; right: -15px;}

	.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;}

	.top-content .status {position: static; padding: 1em 0; margin-right: 0; text-align: center; background-color: rgba(0, 33, 90, 0.2);}
	.top-content .txt1 {margin-top: 10.83333333%; padding-top: 14.86111111%; background: url('../images/main/txt1-m.png') center 0 no-repeat;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.top-content .txt1 img {display: none;}
	.top-content .txt2 {padding: 1.5em 2.5em; font-size: 3vw; word-wrap:break-word; word-break:keep-all;}
	.top-content .txt2 .br {display: none;}
	.top-content .btns a {font-size: 3vw;}

	.sub-wrapper .content-wrap .t-tab-wrap {height:80px}
    .sub-wrapper .content-wrap .t-tab{position: static;margin-top: -80px}
    .sub-wrapper .content-wrap .t-tab:before {top: 233px;height: 80px}
    .sub-wrapper .content-wrap .t-tab-in > a {height: 80px;line-height: 80px;padding: 0;}

	.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) {
	.top-content .status {font-size: 15px;}
	.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;}

	.top-content .txt2,
	.top-content .txt2 .top-content .btns a {font-size: 14px;}
}
@media (max-width:359px) {
	.top-content .status {font-size: 13px;}
}