@CHARSET "utf-8";

body {-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
td, div, p, li, dt, dd, input, button, textarea, select, h1, h2, h3, h4, h5 {font-family:'noto','맑은 고딕','Malgun Gothic','Dotum','돋움','gulim','굴림',Helvetica,sans-serif; font-size:16px; font-weight:normal; color:#444;}
input[type=text], input[type=file], input[type=password] {box-sizing:border-box; height:50px; padding:0 10px; margin:0; border:1px solid #e6e6e6; font-size:18px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff;}
input.placeholder {color:#777 !important;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, select:focus, textarea:focus {outline:none; border-color:#164b71;}
input[type=radio] {width:30px; height:30px; padding:0; margin:-3px 0 3px; border:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/ico_check.png) no-repeat 0 0;}
input[type=checkbox] {width:30px; height:30px; padding:0; margin:-3px 0 3px; border:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/ico_check.png) no-repeat 0 0;}
input[type=radio]:checked {background-position-y:-30px;}
input[type=checkbox]:checked {background-position-y:-30px;}
input[type=checkbox]:disabled {background-position-y:100%;}
input, button {display:visible; padding:0; margin:0; border:0; border-radius:0; vertical-align:middle; cursor:pointer; background:none;}
input +label {margin-left:4px;}
select {height:50px; padding:0 44px 0 10px; margin:0; border:1px solid #e6e6e6; text-align:center; vertical-align:middle; font-size:18px; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/images/common/ico_arrow.png) no-repeat 100% 50%;}
select option {line-height:30px; vertical-align:middle;}
select::-ms-expand, input[type=radio]::-ms-expand, input[type=checkbox]::-ms-expand {display:none;}
select.typeB {background-color:#fff; background-image:url(/images/btn/btn_arrow4.png);}
.ui-datepicker-title select {height:30px; padding-left:5px;}
.ui-widget.ui-widget-content {box-shadow:2px 2px 3px rgba(150,150,150,.3);}
textarea {box-sizing:border-box; border:1px solid #e6e6e6; padding:10px; margin:0; border-radius:0; font-size:18px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff;}
em {font-style:normal;}
th {font-weight:normal;}
a:link		{color:#444; text-decoration:none;}
a:visited	{color:#444; text-decoration:none;}
a:hover 	{color:#164b71; text-decoration:none;}
a:focus 	{color:#164b71; text-decoration:none;}
a:active	{color:#444; text-decoration:none;}
a.line {text-decoration:underline;}
/*::selection {background:#164b71;}*/

.scr {overflow-y:auto;}
b, strong {font-family:'notob'; font-weight:normal;}
.br {display:block;}
.onlyPc {display:block;}
.onlyMobile {display:none;}
.forMobile {display:none;}
.colorA {color:#ed1b23;}
.colorB {color:#164b71;}

#loadingArea {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:.6;}
#loadingArea img {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px;}
#loadingArea.fullLoad {position:fixed;}

.transition {-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}
.none {width:100% !important; height:auto !important; min-height:1px !important; border:0 !important; padding:50px 0 !important; margin:0 !important; text-align:center;}
.desc	{position:absolute; left:0; top:-10000px; overflow:hidden; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; font-size:1px !important; line-height:1px !important;}
.bgLayer, .bgLayer2, .bgLayer3 {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40);}

.hidden {transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%);}
.visible {transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
.animation {animation:fadeIn .75s both; -webkit-animation:fadeIn .75s both; -moz-animation:fadeIn .75s both; -o-animation:fadeIn .75s both;}
.contShow {animation:contShow 1.5s both; -webkit-animation:contShow 1.5s both; -moz-animation:contShow 1.5s both; -o-animation:contShow 1.5s both;}
.contShow2 img, img.contShow2 {animation:contShow2 1s both; -webkit-animation:contShow2 1s both; -moz-animation:contShow2 1s both; -o-animation:contShow2 1s both;}
.goAni:after {animation:goAni 1s ease-in-out; -webkit-animation:goAni 1s ease-in-out; -moz-animation:goAni 1s ease-in-out; -o-animation:goAni 1s ease-in-out;}
.horizon {opacity:0; filter:alpha(opacity=0);}
.showHorizon {animation:showHorizon .6s both; -webkit-animation:showHorizon .6s both; -moz-animation:showHorizon .6s both; -o-animation:showHorizon .6s both;}
.delay2 {-webkit-animation-delay:.2s; -moz-animation-delay:.2s; -o-animation-delay:.2s; animation-delay:.2s;}
.delay3 {-webkit-animation-delay:.4s; -moz-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s;}
.delay4 {-webkit-animation-delay:.6s; -moz-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s;}
.delay5 {-webkit-animation-delay:.8s; -moz-animation-delay:.8s; -o-animation-delay:.8s; animation-delay:.8s;}
.delay6 {-webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s;}
.delay7 {-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s; animation-delay:1.2s;}
.delay8 {-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; -o-animation-delay:1.4s; animation-delay:1.4s;}
.delay9 {-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; -o-animation-delay:1.6s; animation-delay:1.6s;}
.delay10 {-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; -o-animation-delay:1.8s; animation-delay:1.8s;}
.delay11 {-webkit-animation-delay:2s; -moz-animation-delay:2s; -o-animation-delay:2s; animation-delay:2s;}
.delay12 {-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; -o-animation-delay:2.2s; animation-delay:2.2s;}
.delay13 {-webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; -o-animation-delay:2.4s; animation-delay:2.4s;}
.delay14 {-webkit-animation-delay:2.6s; -moz-animation-delay:2.6s; -o-animation-delay:2.6s; animation-delay:2.6s;}
.delay15 {-webkit-animation-delay:2.8s; -moz-animation-delay:2.8s; -o-animation-delay:2.8s; animation-delay:2.8s;}
.delay16 {-webkit-animation-delay:3s; -moz-animation-delay:3s; -o-animation-delay:3s; animation-delay:3s;}

/*.icoGo {position:relative;}
.icoGo:before, .icoGo:after {content:""; position:absolute; right:10px; top:50%; width:10px; height:1px; background:#b6b5b3; -webkit-transform-origin:100% 0%; -moz-transform-origin:100% 0%; -o-transform-origin:100% 0%; transform-origin:100% 0%;}
.icoGo:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.icoGo:after {width:11px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.icoGo.on:before, .icoGo.on:after {-webkit-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%;}
.icoGo.on:before {width:11px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.icoGo.on:after {width:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.icoFold {position:relative;}
.icoFold:before, .icoFold:after {content:""; position:absolute; top:50%; width:12px; height:2px; margin-top:-1px; background:#2b2b2b; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.icoFold:before {right:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.icoFold:after {right:7px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.icoFold.on:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.icoFold.on:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}*/

.icoGo:after {content:""; display:inline-block; width:34px; height:13px; margin:-4px 0 0 10px; vertical-align:middle; background:url(/images/common/ico_go3.png) no-repeat 100% 50%;}
.icoGo:hover:after, .icoGo:focus:after {animation:goFocusAni 1.0s ease-in-out; -webkit-animation:goFocusAni 1.0s ease-in-out; -moz-animation:goFocusAni 1.0s ease-in-out; -o-animation:goFocusAni 1.0s ease-in-out;}

.fontTypeA {color:#164b71 !important;} /* 파랑 */
.fontTypeB {color:#111 !important;} /* 진한 */
.fontTypeC {color:#444 !important;} /* 기본 */
.fontTypeD {color:#606060 !important;} /* 연한 */
.fontTypeE {color:#b0b0b0 !important;} /* 더연한 */

.bbsList {border-bottom:1px solid #ccc;}
.bbsList li {position:relative; border-top:1px solid #e6e6e6;}
.bbsList li:first-child {border-top:0;}
.bbsList li a {display:block; min-height:140px; padding:60px 140px 60px 260px;}
.bbsList li .ico {position:absolute; left:40px; top:60px;}
.bbsList li h2 {font-family:notob; font-size:24px; line-height:1.4em;}
.bbsList li .date {margin-top:10px; line-height:1em; color:#b0b0b0;}
.bbsList li .cont {overflow:hidden; max-height:56px; margin-top:25px; line-height:28px; color:#777; word-break:keep-all;}

.bbsView {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bbsView:first-child {border-top:0;}
.bbsView .head {overflow:hidden; padding:30px 25px; border-bottom:1px solid #e6e6e6;}
.bbsView .head h2 {margin-bottom:15px; font-family:notob; font-size:24px; line-height:1.4em; word-break:break-all;}
.bbsView .head h2:only-child {margin-bottom:0;}
.bbsView .head .cate {float:left; line-height:1em; color:#164b71;}
.bbsView .head .date {float:right;line-height:1em;}
.bbsView .content {min-height:300px; padding:35px 25px 45px; word-break:break-all;}

.paging {margin:80px 0; text-align:center;}
.paging li {display:inline-block; width:42px; height:42px; margin:0 2px; vertical-align:middle;}
.paging li a {display:inline-block; width:40px; height:40px; color:#b0b0b0; line-height:40px;}
.paging li img {border:1px solid #ccc;}
.paging li strong {display:inline-block; width:40px; height:40px; color:#164b71; border:1px solid #164b71; line-height:40px;}

.tabTypeA {margin:60px 0 100px; text-align:center; letter-spacing:-1em;}
.tabTypeA li {display:inline-block; width:208px; height:58px; margin-right:-1px; border:1px solid #ccc; letter-spacing:0; vertical-align:top;}
.tabTypeA li a {display:block; line-height:58px; text-align:center; color:#b0b0b0;}
.tabTypeA li.on {position:relative; border-color:#164b71; font-family:notor;}
.tabTypeA li.on a {color:#164b71;}
.tabTypeA li .ico {display:inline-block; overflow:hidden; height:15px; margin-top:-2px; vertical-align:middle;}
.tabTypeA li.on .ico img {margin-top:-16px;}

.caution li, p.caution {padding-left:15px; font-size:18px; line-height:32px; word-break:keep-all; background:url(/images/common/blt1.png) no-repeat 0 14px;}
.caution.typeB li {position:relative; padding-left:10px; font-size:16px; line-height:28px; color:#777; background:none;}
.caution.typeB li:before {content:"-"; position:absolute; left:0; top:0; line-height:28px;}

.fieldForm {border-top:1px solid #ccc;}
.fieldForm:after {content:""; display:block; clear:both;}
.fieldForm .field {float:left; width:50%; border-bottom:1px solid #e6e6e6;}
.fieldForm .field p {float:left; width:75%; min-height:50px; padding:14px 0;}
.fieldForm .field p input[type=text] {width:100%; max-width:450px;}
.fieldForm .field .tit {box-sizing:border-box; width:25%; padding-left:40px; font-family:notob; font-size:18px; line-height:50px;}
.fieldForm .field .tit em {color:#164b71;}
.fieldForm .field.typeB {width:100%;}
.fieldForm .field.typeB p {width:87.5%;}
.fieldForm .field.typeB .tit {width:12.5%;}
.fieldForm .field .divi {display:table; table-layout:fixed;}
.fieldForm .field .divi span {display:table-cell;}
.fieldForm .field .divi span.mark {width:30px; text-align:center;}

.bbsForm {width:100%; table-layout:fixed; border-top:1px solid #ccc;}
.bbsForm tr {border-bottom:1px solid #e6e6e6;}
.bbsForm th {height:50px; padding:14px 0; padding-left:40px; text-align:left; font-family:notob; font-size:18px; line-height:50px; vertical-align:top;}
.bbsForm th em {color:#164b71;}
.bbsForm td {height:50px; padding:14px 0;}
.bbsForm td input[type=text], .bbsForm td select {width:100%;}
.bbsForm td textarea {width:100%; height:300px;}
.bbsForm td.divi >span {display:inline-block; box-sizing:border-box; width:50%; margin-right:-4px; padding-right:7px;}
.bbsForm td.divi >span +span {padding-left:7px; padding-right:0;}
.bbsForm td .fileBox input[type=text] {width:50%; margin-right:-4px; border:0; background:#f7f7f7;}
.bbsForm td .fileBox .file {display:inline-block; width:140px; height:50px; cursor:pointer; background:url(/images/btn/btn_file.gif) no-repeat 100% 0;}
.bbsForm td .fileBox .file input[type=file] {width:140px; height:50px; opacity:0;}
.bbsForm td .caution.typeB {margin:20px 6px;}

.btnArea {margin-top:70px; text-align:center;}
.btnTypeA {display:inline-block; min-width:250px; height:60px; text-align:center; font-family:notob; font-size:20px; line-height:60px; color:#fff !important; background:#164b71;} /* 파랑 */
.btnTypeB {display:inline-block; min-width:250px; height:60px; text-align:center; font-family:notob; font-size:20px; line-height:60px; color:#fff !important; background:#777;} /* 회색 */
.kakaoBtn {display:inline-block; width:100%; height:54px; line-height:52px; border:1px solid #fee500; border-radius:9px; color:#111 !important; text-align:center; font-weight:500; font-size:18px; background:#fee500;}
.kakaoBtn:before {content:""; display:inline-block; width:23px; height:20px; margin:-4px 10px 0 0; vertical-align:middle; background:url(/images/member/ico_kakao.png) no-repeat 0 0;}

h1.typeA {max-width:1200px; padding:125px 0 100px; margin:0 auto; border-bottom:1px solid #e6e6e6; text-align:center; font-family:'notob'; color:#111; font-size:38px; line-height:1em;}
h1.typeA.bn {padding-bottom:0; margin-bottom:60px;}
h1.typeA>span	{ display:block;font-size:24px;font-family:noto;line-height:60px }
h2.typeA {margin:100px 0 15px 5px; font-family:notob; font-size:24px; line-height:1em; color:#222;}
h2.typeB {text-align:center; font-size:48px; line-height:1em; color:#222;}

/* popup */
.popLayer {display:none; position:fixed; left:50%; top:50%; min-width:500px; overflow:hidden; background:#fff;}
.popLayer .close {position:absolute; right:25px; top:25px;}
.popLayer .close a {display:block; width:20px; height:19px; background: url(/images/btn/btn_close2.png) no-repeat 0 0;}
.popLayer .close a span {overflow:hidden; display:block; white-space:nowrap; text-indent:100%; }
#popWrapper {width:500px; box-sizing:border-box;}
#popWrapper * {box-sizing:border-box;}
#popWrapper h1 {height:70px; padding-left:35px; line-height:70px; font-size:24px; font-weight:500; color:#fff; background:#164b71;}
#popWrapper #popCont {padding:20px;}

/* mainPopup */
.mainPopup	{ display:none;position:absolute;z-index:99;width:340px; }
.mainPopup .cont	{ width:340px;height:430px;overflow:hidden; }
.mainPopup .cont img	{ width:100%;height:100%; }
.mainPopup .close	{ position:absolute;left:-15px;top:-10px;z-index:100; }
.mainPopup .foot	{ padding:5px 10px;font-size:14px;text-align:right;background:#000; }
.mainPopup .foot>a	{ color:#fff; }

/* notice_List */
.listStyleA {width:100%; border-top:1px solid #222;}
.listStyleA th {padding:20px 0; font-family:notob; border-bottom:1px solid #e6e6e6;}
.listStyleA td {padding:20px 0; text-align:center; border-bottom:1px solid #e6e6e6; word-break:break-all;}

@media only screen and (min-width:1200px){

}

@media screen and (min-width:1200px) {
    a[href*="tel:"] {
        cursor:default;
    }
}