@charset "UTF-8";

/* 1. 1 Column Grid 0px - 399px
----------------------------------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:399px){
	.about_tab ul li a{font-size: .9em;}
	.bookmark li .livcen button{width: 100% !important;}
	.bookmark li .livcen button.btn-danger{margin-left: 0 !important; margin-top: 10px;}
}

/* 2. 1 Column Grid 400px - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width:400px) and (max-width:767px){
}

/* 2. 2 Column Grid Infinity - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width:767px){
	.m_motion{display:none}
	.ul-nmbr li .call-app a{cursor: auto;}
	.ul-nmbr li .call-app:hover{border-color: #e5e5e5;}
	.ul-nmbr li .call-app a span.call-span{display: none;}
	.method-img img.met-mobile{display: none;}
}
@media screen and (max-width:767px){
	.ul-nmbr li.sqnc-item{width: 50%;}
	.bsns_area{display: block; position: relative;padding: 20px}
	.car-area ul{flex-direction: column;}
	.car-area ul li{margin-bottom: 20px; width: 100%;}
	.ul-nmbr li.sqnc-item{margin-bottom: 35px; width: 100%;}
	.ul-nmbr li.sqnc-item .crclbox{padding: 20px; width: 100% !important; height: auto !important; border-radius: 0;}
	.ul-nmbr li.sqnc-item .crclbox p{text-align: left;}
	.ul-nmbr li.sqnc-item .crclbox p br{display: none;}
	.ul-nmbr li.sqnc-item .crclbox p span{margin-right: 10px;}
	.ul-nmbr li.sqnc-item .ic-arr{top: auto !important; bottom: -40px !important; right: 45% !important;-webkit-transform:translate(-50%) rotate(90deg);-ms-transform:translate(-50%) rotate(90deg);transform:translate(-50%) rotate(90deg);}

	.radio-btn ul{flex-direction: column;}
	.radio-btn ul li{margin-bottom: 10px; width: 100%;}
	.radio-btn ul li label{border-radius: 4px;}
}

@media screen and (max-width:766px){
	.m_motion{display:block;width:100%;border-top:1px solid #e5e5e5;background:url(../images/contents/ic_h_motion.png) no-repeat left center}
	.m_motion p{padding-left:45px;padding-top:12px; padding-bottom: 12px; color:#222; font-size: .9em;}
	.table-box{border: 1px solid #ddd;}
	.table-box .table{margin-bottom: 0 !important;}
	.bookmark li .livcen{margin-top: 7px; margin-bottom: 5px; text-align: left;}
	.bookmark li .livcen button{width: 47%;}
	.time-chack li{padding-right: 0 !important; margin-bottom: 10px;}
	.radio-box li div label{display: block;}
	.move-date li .livcen button{width: 100% !important;}
	.map-view .map-v-foot .v-foot-link{text-align: center; padding: 0 0 20px;}
	.w-auto{width: 100% !important;}
	.btn-lctn{display: block !important; margin-top: 10px;}
	.btn-line{display: block !important;}
	.srchRslts ul li .livcen button{width: 100% !important; text-align: center; padding: 6px 5px !important;}
	.w_full{width: 100% !important; margin-bottom: 5px !important}
	.l-sns ul li:first-child{margin-top: 0;}
	.l-sns ul li label{padding: 25px 20px 20px 25%; margin-bottom: 0; text-align: left;}
	.l-sns ul li a{padding: 15px 20px 20px 25%; margin-bottom: 0; text-align: left;}
	.l-sns ul li .sns-incheon,
	.l-sns ul li .sns-naver,
	.l-sns ul li .sns-kakao,
	.l-sns ul li .sns-google{background-position:10% center; background-size: 40px;}
	.l_tab_area li{width: 50%;}
	.l_tab_area li.tab_lastli{width: 100% !important;}
	.l-sns ul li a b{padding-bottom: 0; padding-top: 5px;}
	.mymenu-area{width: 100%;}
	.mymenu-area ul .mymenu-item{padding-bottom: 15px; float: none; width: 100% !important;}
	.mymenu-area ul .mymenu-item .lst-inner{text-align: left; width: 100%; padding: 7px 15px 10px; height: auto; border-radius: 10px; overflow: hidden;box-shadow:0 6px 6px 0 rgba(25, 53, 116, 0.09);}
	.mymenu-area ul .mymenu-item .lst-inner img{display: none;}
	.mymenu-area ul .mymenu-item .lst-inner p{ float: left; width: 100%;}
	.mymenu-area ul .mymenu-item .lst-inner p{padding-top: 0;}
	.mymenu-area ul .mymenu-item .lst-inner .lst-tit{font-size: 1.1em;}
	.mymenu-area ul .mymenu-item .lst-inner .lst-btn{display: block; position: absolute; right: 10px; top: 38%; width: 18px; height: 19px; font-size: 0; background: url(../../assets/images/common/icon/ic_arr24.png) no-repeat center; background-size:100%}
	.meber-out, .s-service{padding: 20px 10px;}
	.meber-out h3, .s-service h3{font-size: 1.3em;}
	.mylist-area ul .mylist-item .lstbox .lst-head .head-day{float: none;}
	.mylist-area ul .mylist-item .lstbox .lst-head .btn-rgstr{float: none; padding-top: 10px;}
	.search-tb .daycheck{margin-bottom: 10px;}
	.search-tb .daycheck input{height: 60px; line-height: 60px;}
	.search-tb .ws-select{height: 60px; line-height: 60px;}
	.method-img{margin-bottom: 30px; text-align: center;}
	.method-img img{border-radius: 10px;}
	.method-img img.met-web{display: none;}
	.call-guide .call-item ul{padding: 30px 0; flex-direction: column;}
	.call-guide .call-item ul li:first-child{padding-right: 0; padding-bottom: 10%;}
	.call-guide .call-item ul li:last-child{padding-left: 0; padding-top: 10%;}
	.call-guide .call-item ul li:first-child::after,
	.call-guide .call-item ul li:last-child::after{left: 0; right: auto; width: 50%; height: 100%; border-bottom:none; border-right: 2px dashed #1d63d5;}

	.call-guide .call-item ul li:first-child div::before{top: 118px; left: 52px; width: 10px; height: 10px; -webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.call-guide .call-item ul li:last-child div::before{top: -12px; left: 52px; width: 10px; height: 10px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.user-info span{display: block; padding-left: 0; margin-right: 0;}
	.user-info span::after{display: none;}
	.page003, .agree-print{padding: 10px;}
	.page003 h2{padding-bottom: 10px; margin-bottom: 10px;}
	.in-data .in-ul01 li{width: 31% !important;}
	.in-data ul.in-ul01 li:first-child,
	.in-data ul.in-ul02 li{width: 100% !important;}
	.in-data ul li input{width: 56% !important;}
	.mg-rl10 a{display: block;}
	.mg-rl10 .span{display: none;}
	#container-wrap .cont-top h2{display: none;}
	#container-wrap .cont-top p{margin-top: 1em;}
}

/* 3. 1 Column Grid 768px - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1024px){
	.ul-nmbr li.sqnc-item{width: 33.3339%;}
}

/* 3. 2 Column Grid Infinity - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width:1024px){
	.login-area .log-l{float:left;width:100%;border:1px solid #e0e0e0;}
	.login-area .log-r{float:left;width:50%}
}

/* 3. 3 Column Grid Infinity - 1023px
----------------------------------------------------------------------------- */
@media screen and (max-width:1023px){
	.history-area{margin-top:0;background-position:center right}
	.history-area .last-bul{margin:0 0 0 3px;content:"";width:11px;height:11px;background-color:#437dea;}
	.history-area .last-txt{margin:0 0 0 3px;padding-top:10px;text-align:left}
	.history-area .history-list-wr::before{display:block;content:"";position:absolute;top:15px;left:8px;width:1px;height:100%;background-color:#437dea}
	.history-area .history-list-wr li{margin-bottom:30px;width:100%}
	.history-area .history-list-wr dl dt{padding-top: 5px; font-size: 1.1em;}
	.history-area .history-list-wr .box-l{padding-left:10px;padding-right:0;text-align:left}
	.history-area .history-list-wr .box-l::before{display:none}
	.history-area .history-list-wr .box-r{margin-left:0;padding-left:10px}
	.history-area .history-list-wr .box-r::before{display:none}
	.history-area .history-list-wr .box-l dl,
	.history-area .history-list-wr .box-r dl{margin-left:20px}
	.history-area .history-list-wr .box-l .bul,
	.history-area .history-list-wr .box-r .bul{top:13px;left:0;}
	.history-area .history-list-wr .box-l .h-day{float:left;padding-left:0px;padding-top: 5px;padding-right:30px;}
	.history-area .history-list-wr .box-l .h-txt{float:left;line-height:2.6;}
	.history-area .history-list-wr .box-r .h-day{padding-left:0;padding-top: 5px;}
	.history-area .history-list-wr .box-r .h-txt{line-height:2.6;}
	.map-area .map-info{padding:20px}
	.map-area .map-info dl{display:block;padding-right:0}
	.login-area {width:100%}
	.login-area .log-l{padding:20px;float:none;width:100%;border:1px solid #e0e0e0}
	.login-area .log-r{padding:20px;float:none;;width:100%}
	.mymenu-area ul .mymenu-item{width: 50%;}

	/* 사이트맵 */
	.sitemap-wrap {border-width:0;}
	.sitemap-list{border:0;}
	.sitemap-list:first-child .tit {border-top:0}
	.sitemap-list:first-child .depth2-list {border:0}
	.sitemap-list .tit {position:relative;width:auto;height:auto;text-align:left;left:auto;top:auto}
	.sitemap-list .tit a {position:relative;top:auto;margin:0;padding:0 10px;display:inline;line-height:50px;}
	.sitemap-list .depth2-list {border-bottom:0;margin:0}
	.sitemap-list .depth2-list .lm_l2:before{background-color:#fff;width:0;}
	.sitemap-list .depth2-list .lm_l2 {width:100%}
	.sitemap-list .depth2-list .depth2{border-bottom:1px solid #d0d0d0;}
	.privacy .section .pric_half{float:none;margin:10px auto !important;width:80%;}
	.bsns_area{padding: 30px}

	.greet-area{flex-direction: column;}
	.greet-area .ceo-pic{margin-top: 20px; order: 2; width: 100%; margin-right: 0; text-align: center;}
	.greet-area .greet-cont{order: 1;}
	#container-wrap .cont-top .w-space{display: inline;}
	.call-guide .call-item{float: left; width: 100%;}
	.call-guide .call-item:nth-child(1){margin-right: 0;}
	.call-guide .call-item:nth-child(2){margin-left: 0; margin-top: 20px;}
	.inline-type{margin-top: 10px;}

	.boardNavigation{padding:0;}
	.boardNavigation .btn{margin-top:5px;width:100%}
	.boardNavigation .buttonLeft, .boardNavigation .buttonRight{width:100%}

	.cld-inn .cld-view,
	.cld-inn .cld-time { float: none; width: 100%;}
	.cld-inn .cld-time .time-list { padding: 20px; min-height: auto;}
	.cld-inn .cld-view .cdl-txt { margin-top: 10px; margin-bottom: 30px;}

	.radio-btn{width: 100%;}
	.ul-four > ul{flex-direction: column;}
	.ul-four ul > li{width: 100%; flex-direction: column;}
	.ul-four dl.four-box{width: 100%; border-radius: 10px; border: 1px solid #0C4D9A;}
	.ul-four dl.four-box dt{border-width: 0 0 1px 0; border-radius: 8px 8px 0 0;}
	.ul-four dl.four-box dd{padding: 10px 20px;}
	.ul-four dl.four-box dd:last-child{border-bottom: none;}
	.ul-four ul > li.four-last .four-no ul li dl.four-box dt{border-radius: 8px !important;}
	.ul-four ul > li .ic-arr{width: 100%; transform: rotate(90deg);}
	.ul-four ul > li.four-last .four-yes{position: relative;}
	.ul-four ul > li.four-last{padding-top: 15px; width: 100%; position: relative;}
	.ul-four ul > li.four-last::after{content: ''; display: inline-block; width: 1px; height: 100%; background-color: #058762; position: absolute; right: 7%; top: 0;}
	.ul-four ul > li.four-last::before{content: '미확인';  display: inline-block;position: absolute; right: 10%; top: 24px; font-size: 15px; color: #058762; font-weight: 500;}
	.ul-four ul > li.four-last .four-yes ul{flex-direction: column;}
	.ul-four ul > li.four-last .four-yes ul li{width: 86%;}
	.ul-four ul > li.four-last .four-no ul li{width: 100%;}
	.ul-four ul > li.four-last .four-no{margin-top: 50px;}
	.ul-four ul > li.four-last .four-no ul li dl.four-box{border-color: #058762;z-index:1;}
	.ul-four ul > li.four-last .four-no ul li dl.four-box dt{ border-radius: 8px !important;border:none;}
	.ul-four ul > li.four-last .four-yes .after-mobile{display: block; position: relative; width: 87%; text-align: center;}
	.ul-four ul > li.four-last .four-yes .after-mobile::before{content: '확인'; font-size: 15px; color: #0C4D9A; font-weight: 500;}
	.ul-four ul > li.four-last .four-yes .after-mobile .after-yes{display: inline-block; padding-bottom: 10px; font-size: 26px; color: #191919; transform: rotate(90deg); transform-origin: 20px; vertical-align: sub;}

	.cyber-call{flex-direction:column;}
	.cyber-call li{margin-right:0; margin-bottom:10px;}

	.after-box{display: none;}
}

@media screen and (max-width:1199px){
	.mypage-area{overflow: hidden !important; height: auto;}
	.ul-nmbr li.sqnc-item .mobBck{display: block;}
	.ul-nmbr li.sqnc-item .ic-arr{top: 26%; right: 0;}
	.ul-nmbr li.sqnc-item .crclbox{width: 140px; height: 140px;}
	.ul-nmbr li.sqnc-item .crclbox .crcl-top{padding-top: 9px;}
	.ul-nmbr li.sqnc-item .crclbox .crcl-center{line-height: 1; font-size: 22px;}
	.mylist-area{position: relative; padding: 10px 0 0;}
	.mylist-area ul .mylist-item{width: 100%; margin-bottom: 15px;}
	.mylist-area ul .mylist-item .lstbox{width: 100%;}
	.mylist-area ul .mylist-item .lstbox .lst-head{padding: 10px;}
	.mylist-area ul .mylist-item .lstbox .lst-cont{padding: 3px 10px;}
	.mylist-area ul .mylist-item .lstbox .lst-cont dl{padding: 6px 0;}
	.mypage-left{display: none;}
	.mypage-right{float: none; width: 100%;}
	.mymenu-area{width: 100%;}
	.in-data ul{width: 100%; margin: 0 auto;}
	.radio-btn ul li label span small{display:block;margin:0;}
}
/* 4. 1 Column Grid 1025px - 1199px (Site Default 1200px :No Media Query)
----------------------------------------------------------------------------- */
@media screen and (min-width:1025px) and (max-width:1199px){
	.mymenu-area ul .mymenu-item{width: 33.333%;}
}

/* 5. 1 Column Grid 1200px - 1599px
----------------------------------------------------------------------------- */
@media screen and (min-width:1200px) and (max-width:1599px){
}

@media screen and (max-width:1599px){
	.login-area .log-r .log-logo{min-height:150px}
	.login-area .log-r .log-find .log-txt{float:left;width:100%;margin-bottom:10px}
	.login-area .log-r .log-find .log-links{float:left;width:100%;}
	/*
	.world-area .world-dig ul{width: 100%;} */
	.about_tab{width: 100%; margin-bottom: 20px;}
	.ul-nmbr li .nmbr{line-height: 2.2;}
}

/* 5. 2 Column Grid 1600px - Infinity (Main only)
----------------------------------------------------------------------------- */
@media screen and (min-width:1600px){
}

/* 조직도 */
@media screen and  (max-width: 991px) {
	.organ_wrap .org-head .org-two{width: 100%;}
}
@media screen and (max-width:509px){
	.organ_wrap{padding:30px 20px; margin-bottom: 30px;}
	.organ_wrap .org-head .org-two .two-l,
	.organ_wrap .org-head .org-two .two-r{width: 90px;}
	.organ_wrap .org-cont .org-cont-line{left: 0; top: 0; width: 50%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.organ_wrap .org-cont ul{margin-left: 50px; flex-direction: column}
	.organ_wrap .org-cont ul li{width: 80%;}
	.organ_wrap .org-cont ul li::after{top: 60px; left: -50px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 50px; height: 1px;}
	.organ_wrap .org-cont ul li::before{content: ''; display: block; position: absolute; left: -50px; top: 0; width: 1px; height: 100%; background-color: #bbb;}
	.organ_wrap .org-cont ul li:last-child::before{height: 60px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	.prof-tab ul li{width: 33.333%}
	.gallery_bbs .list li{width:50%;}
	.gallery_bbs .list li dl dt .thumb{width:100%;}
	.gallery_bbs .list li dl dt .thumb img{width:100%;}
	.tb_write{border-bottom:none}
	.tb_write tbody th{padding: 15px 10px 7px !important; float: left; width: 100% !important; border-top: none !important; border-right: none !important; background-color: #fff;}
	.tb_write tbody th.l-line{border-left:none}
	.tb_write tbody td{padding: 10px !important; float: left; width: 100% !important; border-top: none !important;border-bottom: 1px solid #d6d6d6 !important}
	.cld-inn thead th, .cld-inn tbody td{border-top: 1px solid #ddd !important; padding: 0 !important; float: none !important; width: 14% !important;}
}

@media screen and (min-width: 400px) and (max-width: 767px){
	.prof-tab ul li{width: 50%}
	.tb_write{border-bottom:none}
	.tb_write tbody th{padding: 15px 10px 7px !important; float: left; width: 100% !important; text-align: left; border-top: none !important; border-right: none !important; background-color: #fff;}
	.tb_write tbody th.l-line{border-left:none}
	.tb_write tbody td{padding: 10px !important; float: left; width: 100% !important; border-top: none !important;border-bottom: 1px solid #d6d6d6 !important}
	.cld-inn thead th, .cld-inn tbody td{border-top: 1px solid #ddd !important; padding: 0 !important; float: none !important; width: 14% !important;}
}

@media screen and (min-width: 0px) and (max-width: 399px){
	.prof-tab ul li{width: 100%}
	.listPage{float:left;clear:both;}
	.boardSearch{float:left;}
	.border-info .b-search fieldset span.s_btn i{margin: 0 5px;}
	.tb_write{border-bottom:none}
	.tb_write tbody th{padding: 15px 10px 7px !important; float: left; width: 100% !important; text-align: left; border-top: none !important;border-right: none !important; background-color: #fff;}
	.tb_write tbody th.l-line{border-left:none}
	.tb_write tbody td{padding: 10px !important; float: left; width: 100% !important; border-top: none !important;border-bottom: 1px solid #d6d6d6 !important}

	.cld-inn .cld-view .cld-cont .cld-tbl table thead th { line-height:40px;}
	.cld-inn .cld-view .cld-cont .cld-tbl table tbody td a { height:50px; line-height:50px;}
	.cld-inn .cld-head { flex-direction: column !important; justify-content: flex-start !important; align-items:flex-start !important;}
	.cld-inn .cld-time .cld-head ul { margin-top: 10px;}
	.cld-inn .cld-time .time-list { padding: 10px !important;}
	.cld-inn .cld-time .time-list ul li { margin: 5px 0.5% 5px; width: 100%;}
	.cld-inn thead th, .cld-inn tbody td{border-top: 1px solid #ddd !important; padding: 0 !important; float: none !important; width: 14% !important;}
}