@carset "utf-8";
@import 'header.css?ver=1.1';
@import 'footer.css?ver=1.1';


img{max-width:100%;}

.container {max-width:1000px;margin:0 auto;}
.layoutDisplay {display:block;}
.positionHeight {position:relative;height:568px;}
.gradientBox {margin:1px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 70%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.borderBox {
  border: 1px solid #4ea4c2;
  border-radius: 6px;
  padding: 3px;
  }

#contents {width:100%; background:#f2f2f2 url(../images/sub/subVisual_bg.jpg) repeat-x top center; padding:140px 0 30px 0; min-height:300px;}
.gnb{float:left;width:178px;margin:0px;display:inline-block;background:#fff;min-height:600px;}
.section{overflow:hidden;margin-right:0px;padding:0 20px;border-left:1px solid #ececec;}



.section p.sectionTitle {display:block;margin:0 10px 0 0;width:100%;}


#leftTitle {line-height:0px;}
#leftMenu {width:178px;font-size:13px;font-weight:bold;}
#leftMenu li {line-height:0px;color:#696969;}
#leftMenu li a {display:block;line-height:20px;padding:15px 10px;border-bottom:1px solid #ececec;font-size:15px;}
#leftMenu li a:hover {color:#4ea4c2;background:url(../images/sub/leftmenuBlt.png) no-repeat right 10px center;}
#leftMenu li a._on {color:#4ea4c2;background:url(../images/sub/leftmenuBlt.png) no-repeat right 10px center;}

#leftMenu li .leftSub {background:#f7f7f5;font-size:12px;font-weight:normal;}
#leftMenu li .leftSub li a {padding:5px 10px;}
#leftMenu li .leftSub li a:hover {color:#fff;background:#4ea4c2}
#leftMenu li .leftSub li a._on {color:#fff;background:#4ea4c2}



#conHead {margin:40px auto;}
h3#conTitle {display:block;padding-bottom:15px;border-bottom:1px dashed #ececec;font-size:25px;font-weight:600;}
.conTitleSub {font-size:14pt;font-weight:normal;color:#333;}
.conTitleSub:before {content:"| ";color:#333;}

#content {margin:0 auto 40px;min-height:800px;  padding: 0 0 30px;}

.textBox {width:100%;background:#f8f8f8;display:inline-block;border:1px solid #e5e5e5;}
.textBox li {display:inline-block; float:left; border-right:1px solid #e5e5e5;line-height:0px;}
.textBox li.style01 {width:593px;line-height:20px;padding:20px 10px;  letter-spacing: -0.8px;}
.textBox .boldTxt {display:block; padding-left:15px; font-weight:700; color:#4f4f4f;}

.textBox0 {font-size:15px;line-height:20px;text-align:justify;}
.textBox2 {background:#fcfcfc ;display:block;border:1px solid #f3f3f3;padding:8px 15px;line-height:20px;}

.textTtitle01 {background:url(../images/sub/titleBlt01.png) no-repeat left center; vertical-align:middle;color:#2c2c2c;font-weight:bold; font-size:18px;padding:0 0 0 20px;margin:10px 0;}

.color01 {color:#4ea4c2;}
.color02 {color:#ff7e00;}
.color03 {color:#2d2d2d;}

.textUnder {text-decoration:underline;}

.btnStyle {display:inline-block;padding:5px 10px;}
.btnBorder {display:inline-block;border:1px solid #f3f3f3}
.btn01 {display:inline-block;background:#ff7e00;color:#fff;padding:10px 20px;min-width:36px}
.btn01_2 {display:inline-block;background:#ff7e00;color:#fff;padding:5px 10px;}
.btn02 {display:inline-block;background:#4ea4c2;color:#fff;padding:10px 20px;}
.btn02_2 {display:inline-block;background:#4ea4c2;color:#fff;padding:5px 10px;}

.fontSize14 {font-size:14px;}

.search_box {width:100%;display:inline-block;padding:10px 0;vertical-align:bottom;text-align:center;}
.txt_box {vertical-align:bottom;padding:7px 0;}
.searcheSelect {width:60px;}
form, label, input {vertical-align:middle;}
select, option, input[type="search"], input {height:24px;margin:0px;font-size:12px;border:1px solid #e2e2e2}
input[type="submit"] {height:auto;border:0px;padding:5px 15px;background:#3a6aae;color:#fff;margin:0 5px;}
input[type="button"] {height:auto;border:0px;padding:5px 15px;;color:#fff;display:inline-block;}


/* button style */
.btn_bottom {font-size:14px;color:#fff;padding:10px 0;text-align:right;}
.btn_bottom a {color:#fff;padding:5px;display:inline-block;}

.button01 {background:#4ea4c2;}
.button02 {background:#666666;}
.button03 {background:#3a6aae;}

/* listBox */
.listBox {line-height:22px;}
.listBox li {padding:5px 0;}
.listBox li:nth-child(2n+1) {margin-top:15px;font-size:13px;}


/* form style */
form {font-size:13px;line-height:20px;}
form ul li {padding:5px 0;}
input, label {color:#696969;vertical-align:middle;}

input[type="radio"] {border:0px;outline: none;}
input[type="checkbox"] {border:0px solid #696969;margin-left:5px;}
input[type="text"] {border:1px solid #ddd;height:20px;}


/* table style */
.tablenormal {border-top:2px solid #6b6b6b}
.tablenormal th {font-size:13px;color:#2c2c2c;padding:15px 20px;background:#f8f8f8;border-bottom:1px solid #e4e4e4;}
.tablenormal td {padding:10px;border-bottom:1px solid #e4e4e4;line-height:20px;vertical-align:middle;}
.tablenormal td img {border:1px solid #efefef;vertical-align:middle;}

.tablenormal2 {width:100%;border-top:2px solid #6b6b6b;}
.tablenormal2 th {color:#696969;font-size:13px;padding:15px 0;border-bottom:1px solid #e4e4e4;background:#f8f8f8;}
.tablenormal2 td {padding:10px; border-bottom:1px solid #e4e4e4;line-height:20px;vertical-align:middle;text-align:center;}


/* tab style 1 */
	ul.tabs {margin: 0; padding: 0; float: left; list-style: none; width: 100%; font-size:12px; }
	ul.tabs:after{content:'';display:block;clear:both;}
	ul.tabs li {float: left;margin-right:5px;text-align:center; color:#fff; cursor: pointer; vertical-align:bottom;  padding: 10px 0px; min-width:94px; max-width:127px;  line-height: 20px; border-radius:5px 5px 0 0; font-weight: bold; background: #ff7e00; overflow: hidden; position: relative; }
	ul.tabs li.tabStyle1 {padding:20px 0;}
	ul.tabs li.tabStyle1.active {padding:25px 0;}
	ul.tabs li.active { background: #4ea4c2; padding:15px 0; vertical-align:bottom; }
	.tab_container { border-top: none; clear: both; float: left; width: 100%; position: relative; top:25px; }
	.tab_container a {display:block;width:100%;}
	.tab_content { padding: 5px; font-size: 12px; display: none; }
	.tab_container .tab_content ul { width:100%; margin:0px; padding:0px 0 0 10px; }
	.tab_container .tab_content ul li { padding:0 0px; list-style:none;line-height:20px;;}

	#tabBox {display:inline-block;  width: 100%;}


/* tab style 2 */
	.tabs2Box {display:inline-block;width:100%;background:#4ea4c2;height:70px;vertical-align:bottom;text-align:left;}
	ul.tabs2 { margin: 0; padding: 0; list-style: none; font-size:12px;margin-top:10px;margin-left:5px; }
	ul.tabs2 li {display:inline-block; text-align:center; color:#fff; cursor: pointer; vertical-align:bottom;  padding: 10px 0px; margin-right:1px; min-width:88px; max-width:125px;  line-height: 20px; font-weight: bold; background: #4ea4c2 url(../images/sub/blt.png) no-repeat left center;; overflow: hidden; position: relative; }
	ul.tabs2 li.tabStyle1 {padding:20px 0;}
	ul.tabs2 li.tabStyle1.active {padding:20px 0;}
	ul.tabs2 li.active { background: #fff; padding:10px 0; vertical-align:bottom;color:#000; }

	.tab_container2 { border-top: none; clear: both; float: left; padding:20px; position: relative; border:1px solid #e4e4e4;border-top:0px; }
	.tab_container2 a {display:block;width:100%;}
	.tab_content2 { padding: 5px; font-size: 12px; display: none; }
	.tab_container2 .tab_content2 ul { width:100%; margin:0px; padding:0px 0 0 10px; }
	.tab_container2 .tab_content2 ul li { padding:0 0px; list-style:none;line-height:20px;;}

	#tabBox {display:inline-block;}


/* tab style3 */
	.tabs3Box {display:inline-block;width:100%;height:100%;background:#4ea4c2;vertical-align:bottom;text-align:left;}
	ul.tabs3 { margin: 0; padding: 0; list-style: none; font-size:12px;margin-top:10px; }
	ul.tabs3 li {display:block; text-align:left; color:#000; cursor: pointer; vertical-align:bottom;  padding: 10px 5px; margin-right:1px; min-width:92px; max-width:none;; line-height: 20px; font-weight: bold; background: #fff;margin:0 10px;}
	ul.tabs3 li:first-child {background:#fff ;}
	ul.tabs3 li.tabStyle1 {padding:20px 0;}
	ul.tabs3 li.tabStyle1.active {padding:20px 0;}
	ul.tabs3 li.active { background: #fff; padding:10px 5px; vertical-align:bottom;color:#000; }

	.tab_container3 { border-top: none; clear: both; float: left; padding:20px; position: static; border:1px solid #e4e4e4;border-top:0px; min-width:742px;}
	.tab_container3 a {display:block;width:100%;}
	.tab_content2 { padding: 5px; font-size: 12px; display: none; }
	.tab_container3 .tab_content2 ul { width:100%; margin:0px; padding:0px 0 0 10px; }
	.tab_container3 .tab_content2 ul li { padding:0 0px; list-style:none;line-height:20px;;}




#blanket { background-color:#111; opacity: 0.65; filter:alpha(opacity=65); position:absolute; z-index: 9001; top:0px; left:0px; width:100%; }
#popUpDiv { position:absolute; background-color:#000; width:1108px;z-index: 9002;padding:1px;line-height:0px;}

.videoControl {display:inline-block;background:#000;line-height:0px;vertical-align:middle;}
.videoControl li {float:left;}



/* �깊씗濡� �몄떇 */
.test{border-bottom:1px solid #ddd;font-size:12px}
.test ul{margin:0;padding:0;list-style:none}
.test .q{margin:0;border-top:1px solid #ddd;background:#fafafa;font-weight:normal;color:#444;}
.test .q span{font:bold 13px 'malgun gothic',dotum;display:inline-block;padding:20px 15px;width:680px;}
.test .q a.trigger{display:inline-block;width:30px;text-align:left;text-decoration:none !important;vertical-align:top;margin-top:20px}
.test .hide .q a.trigger{font-weight:normal;background:none}
.test .q a.trigger:hover,
.test .q a.trigger:active,
.test .q a.trigger:focus{background:#f8f8f8;color:#333}
.test .q a.on, .test .q a.on:hover, .test .q a.on:active, .test .q a.on:focus{font-weight:bold;color:#f00;}
.test .a{margin:0;padding:3px 15px 18px 15px;;line-height:1.5}
.test .a{overflow:hidden;}
.test .q em{font-style:normal;color:#6f518f;margin-right:4px;}
.test .a .ans{font-weight:bold;color:#660000;padding-bottom:10px;}

/* 諛섏쓳�� */

.history-list{overflow:hidden;width:48%;border-left:1px solid #ddd;margin-left:-1px;padding-left:40px;}
.map-box{width:782px;margin:0 auto;}

.counsel-list{margin-top:10px;margin-right:-10px;}
.counsel-list:after{content:'';display:block;clear:both;}
.counsel-list > li{float:left;width:50%;}
.counsel-list > li > a{display:block;height:290px;margin-right:10px;border:1px solid #efefef;text-align:center;}
.counsel-list > li > a .t-tit{margin-top:70px;margin-bottom:10px;font-size:25px;color:#111;}
.counsel-list > li > a .b-tit{display:block;position:relative;font-size:35px;color:#4ea4c5;font-weight:700;}
.counsel-list > li > a .b-tit:after{content:'';position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);width:54px;height:54px;background:url('../images/sub/03/link_btn.jpg') no-repeat;background-position:center;background-size:contain;}

.btnList{width:100%;padding:20px 0 0 0;text-align:center;}
.btnList > ul {display:inline-block;}
.btnList > ul:after{content:'';display:block;clear:both;}
.btnList > ul > li{float:left;width:25%;}
.btnList > ul > li > a{display:inline-block;margin-right:5px;}

.class_table td strong{display:block;margin-bottom:15px;}

@media screen and (max-width:1000px){
	.gnb{display:none;}
	.sub0102-bg{display:none;}
	.history-list{width:100%;padding-left:20px;}
	.counsel-list > li > a .t-tit{font-size:20px;}
	.counsel-list > li > a .b-tit{font-size:30px;}
	
	.btnList > ul{width:400px;}
	.btnList > ul > li{width:50%;}
	
	.textBox{width:inherit;padding:20px 10px;}
	.textBox li{float:none;width:100%;border-right:none;text-align:center;}
	.textBox li.style01{width:100%;padding:0;}
}

@media screen and (max-width:800px){
	.sub0103-bg,
	.sub0602-bg{display:none;}
	.history-list{border-left:none;margin-left:-1px;padding-left:0;}
	.map-box{width:100%;}
	
	.counsel-list > li > a{height:220px;}
	.counsel-list > li > a .t-tit{margin-top:40px;}
	.counsel-list > li > a .t-tit{margin-top:25px;font-size:18px;}
	.counsel-list > li > a .b-tit{font-size:25px;}
	
	.tabs2Box{display:block;position:relative;height:50px;margin-top:30px;background:none;}
    .tabs2Box:after{content:'';position: absolute;top:22px;right:30px;z-index:100;border-top:5px solid #fff;border-bottom:5px solid none;border-left:5px solid transparent;border-right:5px solid transparent;}
    
    .tabs2Box .tabs2{overflow:hidden;display:block;position:absolute;top:0;z-index:99;width:100%;margin:0;padding-top:50px;border:none;}
    .tabs2Box .tabs2 > li{display:block;float:none;max-width:100%;width:100%;height:50px;padding:0;border-width:0 1px 1px 1px;border-color:#ddd;border-style:solid;font-size:15px;line-height:50px;color:#111;background:#fff;visibility: hidden;box-sizing:border-box;}
    .tabs2Box .tabs2 > li:after{display:none;}
    .tabs2Box .tabs2 > li.active{position:absolute;max-width:100%;width:100%;top:0;left:0;padding:0;color:#fff;border-color:#4ea4c2;background:#4ea4c2;visibility: visible;}
    .tabs2Box .tabs2 > li.active:before{display:none;}
	.tabs2Box .tabs2 > li > br{display:none;}
	
	.tabs2Box.on{height: auto;padding-bottom:50px;}
    .tabs2Box.on .tabs2 > li{visibility: visible;}
	ul.tabs2 li.tabStyle1{padding:0;}

}

@media screen and (max-width:600px){
	#conHead {margin:20px auto;}
	.table-wrap{width:100%;overflow-x:scroll;}
	.tablenormal2.board_list th:nth-child(3),
	.tablenormal2.board_list th:nth-child(4),
	.tablenormal2.board_list td:nth-child(3),
	.tablenormal2.board_list td:nth-child(4){display:none;}
	
	.tablenormal2.table-02 th:nth-child(2),
	.tablenormal2.table-02 th:nth-child(3),
	.tablenormal2.table-02 td:nth-child(2),
	.tablenormal2.table-02 td:nth-child(3){display:none;}

	.tablenormal2.table-02 colgroup .no_col{display:none;}
	
	
	.tablenormal2.self-table th:first-child,
	.tablenormal2.self-table td:first-child{display:none;}

	.tablenormal2.self-table th{display:table-cell;}
	.tablenormal2.self-table td{display:table-cell;}

	.tablenormal2.self-table th:nth-child(2){width:70%;}

	.class_table {display:block;border-top:2px solid #111;}
	.class_table th{display:none;}
	.class_table td{display:block;text-align:center;}
	.class_table td strong{display:block;text-align:center;}
	.class_table td:last-child {font-size:0;}
	.class_table td:last-child br{display:none;font-size:0;}
	.class_table td:last-child a{display:inline-block;width:50%;margin:0;}
	.class_table td:last-child a span{width:100%;padding:12px 0;font-size:15px;}

	
	.counsel-list{margin-right:0;}
	.counsel-list > li{float:none;width:100%;margin-bottom:10px;}
	.counsel-list > li > a{height:150px;}
	.counsel-list > li > a .b-tit:after{bottom:-50px;width:30px;heihgt:30px;}
	
	.btnList > ul{width:100%;}
	.btnList > ul > li{width:100%;margin-bottom:5px;}
	.btnList > ul > li > a{margin-right:0;}

	ul.tabs li{width:calc(25% - 5px) !important;max-width:inherit !important;min-width:inherit;}



}

/* 媛쒖씤�뺣낫泥섎━諛⑹묠 */
.privacyBold {font:700 1.25rem 'Noto Sans KR', sans-serif; color:#3a6aae; text-decoration: underline; text-underline-offset:5px;}
#policy .tab-wrap .tab-box {display: flex; margin: 0 -10px; flex-wrap: wrap; justify-content: center;}
#policy .tab-wrap .tab-box > li {width: 30%; min-height: 150px; margin-bottom: 20px; padding: 0 10px;}
#policy .tab-wrap .tab-box > li .tab-item {display: flex; height: 100%; padding: 15px; border: 1px solid #ffffff; border-radius: 20px; text-align: center; box-sizing: border-box; box-shadow:0px 4px 10px rgba(215, 220, 228, 0.8);transition: border 0.3s; cursor: pointer; justify-content: center; flex-direction: column;}
#policy .tab-wrap .tab-box > li .tab-item > .img-box {text-align: center;}
#policy .tab-wrap .tab-box > li .tab-item > .img-box img {width: 50px;}
#policy .tab-wrap .tab-box > li .tab-item .tit {padding:10px 0 5px; font-size: 14px; color: #000000; font-weight: 600; font-family: 'Pretendard';}
#policy .tab-wrap .tab-box > li .tab-item .txt {font-size: 11px; color: #707070; font-weight: 500; font-family: 'Pretendard';}
#policy .tab-wrap .tab-box > li .tab-item:hover {border:1px solid #19377A;}

#policy .tit-wrap{display: flex; align-items: center;}
#policy .tit-wrap .tit-i-01{margin-right: 10px;}
#policy .tit-wrap .img-wrap > li img{width: 30px;}
#policy .tit-wrap .img-wrap.v2 {display: flex; margin: 0 -5px; padding-left:10px; align-items:center;}
#policy .tit-wrap .img-wrap.v2 > li {padding:0 5px;}


@media all and (max-width:600px){
	#policy .tab-wrap .tab-box > li {width:45%; flex-grow:1;}
}