@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body { -webkit-text-size-adjust: 100%; }

/* LAYOUT */
#wrap { overflow: hidden; }
#header { position: relative; width: 1440px; height: 80px; margin: 0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container { position:relative; width: 1440px; margin: 0 auto; }
#rading { position:relative; margin: 0 auto; }
#footer { overflow: hidden; position: relative; background-color: #f5f5f5; border-top: 1px solid #e4e4e4; }

/* HEADER */
#header > h1 { margin:0; padding:15px 0 0; line-height: 0; }

#header > .gnb { position: absolute; height:60px; right: 0; top: 24px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .gnb > ul { margin: 0; padding: 0; }
#header > .gnb > ul > li { list-style: none; position: relative; float: left; padding-left: 45px; }
#header > .gnb a,
#header > .gnb a:hover { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 16px; font-weight: 300; color: #000000; }
#header > .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:30px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header > .gnb .smenu ul { margin:0; padding:0; }
#header > .gnb .smenu li { list-style:none; float:none; width:100%; height:30px; padding-left:0; background:none; }
#header > .gnb .smenu li:first-child { height:20px; }
#header > .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header > .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header > .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }

#header > .gnb_btn { position: absolute; width: 30px; right: 0; top: 24px; cursor: pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .gnb_btn img { width: 100%; }

#header > .gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999; display:none; }
#header > .gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#20aae3; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999; }
#header > .gnb_m .head { height:55px; background-color:#fff; }
#header > .gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
#header > .gnb_m .head .gnb_btn_close img { width:100%; }

#header > .gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; }
#header > .gnb_m .list ul { margin:0; padding:0; }
#header > .gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #3db5e7; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; line-height:11px; font-size:14px; line-height:42px; font-weight:500; letter-spacing:1px; }
#header > .gnb_m .list .list_blet { position:absolute; width:8px; height:12px; right:14px; top:15px; background-image:url(/images/inc/m_blet.png); background-repeat:no-repeat; background-size:contain; }

#header > .gnb_m .list li.select { background-color:#080d16; }
#header > .gnb_m .list li.select .list_title { color:#20aae3; }
#header > .gnb_m .list li.select .list_title span { color:#20aae3; }
#header > .gnb_m .list li.select .list_blet { background-image:url(/images/inc/m_blet_ov.png); }


#header > .gnb_m .list .sub_list { background-color:#63c4eb; display:none; }
#header > .gnb_m .list .sub_list ul { margin:0; padding:0; }
#header > .gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #75cbed; border-bottom:none; font-family:'Noto Sans KR'; color:#080d16; line-height:11px; font-size:14px; line-height:42px; font-weight:500; letter-spacing:0; }
#header > .gnb_m .list:after { content:""; clear:both; display:block; }

#lnb_depth { display:none; }

#header > .side_lnb { position: absolute; right: 0; top: 23px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .side_lnb > ul { margin: 0; padding: 0; }
#header > .side_lnb > ul > li { list-style: none; position: relative; float: left; margin-left: 34px; line-height:0; }


/* CONTAINER */
#container > #section_area { overflow: hidden; position: relative; height: 910px; margin-bottom:60px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > #section_area > #section01 { position: absolute; width: 100%; left: 0; top: 0; }
#container > #section_area > #section01 .slide { width: 50%; }
#container > #section_area > #section01 .slide ul { margin: 0; padding: 0; }
#container > #section_area > #section01 .slide li { position: relative; height: 720px; line-height: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > #section_area > #section01 .slide li div.pc { }
#container > #section_area > #section01 .slide li div.mobile { display:none; }
#container > #section_area > #section01 .slide .box {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#container > #section_area > #section01 .slide .box .outer { display:table; position:relative; width:100%; height: 100%; }
#container > #section_area > #section01 .slide .box .outer .inner { display:table-cell; position:relative; width:100%; vertical-align:middle; text-align: center; }
#container > #section_area > #section01 .slide .box .outer .inner h2 { margin: 0 0 30px 0; font-family: 'Noto Sans KR', sans-serif; font-size: 56px; line-height: 76px; font-weight: 300; color: #fff; letter-spacing: -1px; text-align: center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container > #section_area > #section01 .slide .box .outer .inner h2 strong { font-family: 'Noto Sans KR', sans-serif; font-size: 60px; line-height: 76px; font-weight: 500; }

/*Notice*/
#container > #section_area > #section01 .notice { position: absolute;width: 25%;height: 360px;left: 50%;top: 0;background: linear-gradient(145deg, #e0f0ff 0%, #a8d8ff 50%, #4a90e2 100%);transition: all 0.5s ease; }
#container > #section_area > #section01 .notice h2 { display: inline-block; margin:60px 0 0 23px; padding-bottom:8px; border-bottom: 3px solid #333; font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .notice h2 a,
#container > #section_area > #section01 .notice h2 a:hover { font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .notice .more { position:absolute; right:30px; top:70px; line-height:0; }
#container > #section_area > #section01 .notice .list { position:relative; margin:70px 20px 0 30px;  }
#container > #section_area > #section01 .notice .list ul { margin:0; padding:0; }
#container > #section_area > #section01 .notice .list li { position:relative; list-style:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#container > #section_area > #section01 .notice .list li:after { content:""; position:absolute; width:3px; height:3px; left:0; top:15px; background-color:#000; }
#container > #section_area > #section01 .notice .list li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;

	font-family: 'Malgun Gothic';
	font-size: 17px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
}
#container > #section_area > #section01 .notice .list a:hover { display:block; font-family:'Malgun Gothic'; font-size:17px; line-height:30px; color:#000000; font-weight:bold; letter-spacing:-1px;  width: 100%;}
#container > #section_area > #section01 .notice .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/*broadcast*/
#container > #section_area > #section01 .broadcast { position: absolute;width: 25%;height: 360px;left: 75%;top: 0;background: linear-gradient(145deg, #e0f7fa 0%, #81d4fa 50%, #29b6f6 100%);transition: all 0.5s ease; }
#container > #section_area > #section01 .broadcast h2 { display: inline-block; margin:60px 0 0 23px; padding-bottom:8px; border-bottom: 3px solid #333; font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .broadcast h2 a,
#container > #section_area > #section01 .broadcast h2 a:hover { font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .broadcast .more { position:absolute; right:30px; top:70px; line-height:0; }
#container > #section_area > #section01 .broadcast .list { position:relative; margin:70px 20px 0 30px;  }
#container > #section_area > #section01 .broadcast .list ul { margin:0; padding:0; }
#container > #section_area > #section01 .broadcast .list li { position:relative; list-style:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#container > #section_area > #section01 .broadcast .list li:after { content:""; position:absolute; width:3px; height:3px; left:0; top:15px; background-color:#000; }
#container > #section_area > #section01 .broadcast .list li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;

	font-family: 'Malgun Gothic';
	font-size: 17px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
}
#container > #section_area > #section01 .broadcast .list a:hover { display:block; font-family:'Malgun Gothic'; font-size:17px; line-height:30px; color:#000000; font-weight:bold; letter-spacing:-1px;  width: 100%;}
#container > #section_area > #section01 .broadcast .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/*taxforum*/
#container > #section_area > #section01 .taxforum {position: absolute;width: 25%;height: 360px;left: 50%;top: 360px;background: linear-gradient(145deg, #e0f7f1 0%, #81e6d1 50%, #1abc9c 100%);transition: all 0.5s ease;}
#container > #section_area > #section01 .taxforum h2 { display: inline-block; margin:60px 0 0 23px; padding-bottom:8px; border-bottom: 3px solid #333; font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .taxforum h2 a,
#container > #section_area > #section01 .taxforum h2 a:hover { font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .taxforum .more { position:absolute; right:30px; top:70px; line-height:0; }
#container > #section_area > #section01 .taxforum .list { position:relative; margin:70px 20px 0 30px;  }
#container > #section_area > #section01 .taxforum .list ul { margin:0; padding:0; }
#container > #section_area > #section01 .taxforum .list li { position:relative; list-style:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#container > #section_area > #section01 .taxforum .list li:after { content:""; position:absolute; width:3px; height:3px; left:0; top:15px; background-color:#000; }
#container > #section_area > #section01 .taxforum .list li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;

	font-family: 'Malgun Gothic';
	font-size: 17px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
}
#container > #section_area > #section01 .taxforum .list a:hover { display:block; font-family:'Malgun Gothic'; font-size:17px; line-height:30px; color:#000000; font-weight:bold; letter-spacing:-1px;  width: 100%;}
#container > #section_area > #section01 .taxforum .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#container > #section_area > #section01 .photo {
    position: absolute;
    width: 25%;
    height: 360px;
    left: 75%;
    top: 360px;

    /* 세련된 블루-민트 그라데이션 */
    background: linear-gradient(145deg, #e0f7fa 0%, #81d4fa 50%, #0288d1 100%);
    transition: all 0.5s ease;
}
#container > #section_area > #section01 .photo h2 { display: inline-block; margin:60px 0 0 23px; padding-bottom:8px; border-bottom: 3px solid #333; font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .photo h2 a,
#container > #section_area > #section01 .photo h2 a:hover { font-family:'Malgun Gothic'; font-size:26px; line-height:26px; color:#333; font-weight:normal; }
#container > #section_area > #section01 .photo .more { position:absolute; right:30px; top:70px; line-height:0; }
#container > #section_area > #section01 .photo .list { margin:40px 20px 0 20px;  }
#container > #section_area > #section01 .photo .list ul { margin:0; padding:0; }
#container > #section_area > #section01 .photo .list li { list-style:none; float:left; width: 47.7%; margin:0 4.6% 15px 0; line-height:0; }
#container > #section_area > #section01 .photo .list li:nth-child(2n) { margin:0 0 15px 0; }
#container > #section_area > #section01 .photo .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#container > #section_area > #section01 .new_banner { margin:20px auto 20px; line-height:0; text-align:center; width:900px; }
#container > #section_area > #section01 .new_banner ul { margin:0; padding:0; }
#container > #section_area > #section01 .new_banner li { list-style:none; float:left; width:49.5%; margin-left:1%; }
#container > #section_area > #section01 .new_banner li:first-child { margin:0; }
#container > #section_area > #section01 .new_banner li:nth-child(3) { margin:0; margin-top:10px; }
#container > #section_area > #section01 .new_banner li:nth-child(4) { margin-top:10px; }
#container > #section_area > #section01 .new_banner img { width:100%; }
#container > #section_area > #section01 .new_banner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 20200218추가 랜딩 */
#rading > .randing_head { overflow:hidden; background-color:#d1e9f6; }
#rading > .randing_head .outer { overflow:hidden; width:540px; margin:60px auto; background-color:#fff; border:1px solid #d6d6d6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;  }
#rading > .randing_head .outer .randing_logo { margin:45px 0 0; text-align:center; line-height:0; }
#rading > .randing_head .outer .randing_name { margin:25px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 26px; line-height: 26px; color: #3b58a1; font-weight: 600; text-align:center; }
#rading > .randing_head .outer .randing_btn { width: 370px; margin:40px auto 40px; background-color:#3b58a1; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#rading > .randing_head .outer .randing_btn a,
#rading > .randing_head .outer .randing_btn a:hover { display:block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 50px; color: #ffff; font-weight: 400; text-align:center; }

#rading > .randing_body { overflow:hidden; background-color:#faf9f8; }
#rading > .randing_body .randing_logo { margin:45px 0 0; text-align:center; line-height:0; }
#rading > .randing_body .randing_name { margin:25px 0 0; font-family: 'Noto Sans KR', sans-serif; font-size: 26px; line-height: 26px; color: #ff0b3e; font-weight: 600; text-align:center; }
#rading > .randing_body .input_box { width:540px; margin:35px auto 80px; }




/* SUB CONTAINER */
#sub_slide { position: relative; height:250px; background: url(/images/sub_banner.jpg) no-repeat center top; text-align:center; background-color:#61acc4; line-height:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_slide span { position: absolute; width:100%; left:0; top:0; font-family: 'Noto Sans KR', sans-serif; font-size: 54px; line-height: 250px; color: #fff; font-weight: 400; }
#sub_slide .mobile { display:none; }

#sub_container { display:table; position: relative; width: 1440px; margin: 0 auto; background-color:#fff; }
#sub_container > #side { display: table-cell; overflow: hidden; vertical-align: top; width: 15.416666%; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_container > #side .left_title { margin-top: 60px; font-family: 'Noto Sans KR', sans-serif; font-size: 24px; line-height: 24px; color: #444444; font-weight: 500; text-align: center; }
#sub_container > #side .left_title_bar { height: 2px; margin: 26px 20px 0; background-color: #444444; }
#sub_container > #side .left_menu { margin-top: 20px; }
#sub_container > #side .left_menu ul { margin: 0; padding: 0; }
#sub_container > #side .left_menu li { position: relative; list-style: none; height: 40px; }
#sub_container > #side .left_menu a { padding-left: 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 40px; color: #666666; display: block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container > #side .left_menu a:hover { font-weight: bold; color: #fff; background-color: #0155ad; }
#sub_container > #side .left_menu .dot { position: absolute; right: 35px; top: 18px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#sub_container > #side .left_menu .dot span { position: absolute; display: block; height: 1px; background-color: #b9b9b9; }
#sub_container > #side .left_menu .dot span.v1 { width: 7px; left: 0; top: 0; }
#sub_container > #side .left_menu .dot span.v2 { width: 5px; left: 1px; top: 1px; }
#sub_container > #side .left_menu .dot span.v3 { width: 3px; left: 2px; top: 2px; }
#sub_container > #side .left_menu .dot span.v4 { width: 1px; left: 3px; top: 3px; }
#sub_container > #side .left_menu li:hover .dot { right: 33px; top:22px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#sub_container > #side .left_menu li:hover .dot span { background-color: #fff; }
#sub_container > #side .left_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#sub_container > #side .left_menu > ul > li.selected {color:#0070bd; font-weight:bold;}
#sub_container > #side .left_menu > ul > li.selected a,
#sub_container > #side .left_menu > ul > li.selected a:hover { padding-left: 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; font-size: 13px; line-height: 40px; font-weight: bold;  color: #fff; background-color: #0155ad; display: block; }
#sub_container > #side .left_menu > ul > li.selected .dot { right: 33px; top:22px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#sub_container > #side .left_menu > ul > li.selected .dot span { background-color: #fff; }

#sub_container > #side .banner_tel { height: 59px; margin: 30px 0 100px; background-color: #f8f8f8; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; line-height: 58px; color: #676f77; font-weight: 600; text-align:center; letter-spacing: -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sub_container > #side .banner_tel a,
#sub_container > #side .banner_tel a:hover { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; line-height: 58px; color: #676f77; font-weight: 600; letter-spacing: -1px; }

#sub_container > #content { display: table-cell; padding:0 2.777777%; vertical-align: top; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#sub_container > #content > .lnb { position:absolute; right:2.777777%; top:20px; }
#sub_container > #content > .lnb ul { margin:0; padding:0; }
#sub_container > #content > .lnb li { list-style:none; float:left; padding-left:24px; background:url(/images/sub_lnb_bar.png) no-repeat 10px 2px; line-height:12px; }
#sub_container > #content > .lnb li:first-child { padding-left:0; background:none; }
#sub_container > #content > .lnb a,
#sub_container > #content > .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#616161; font-size:12px; line-height:12px; }
#sub_container > #content > .lnb img { margin-top:2px; }

#sub_container > #content > .title { position:relative; margin:42px 0 0 0; padding-top:11px; font-family: 'Noto Sans KR', sans-serif; font-size:28px; line-height:28px; color:#393939; font-weight: 500; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease;  }
/* #sub_container > #content > .title .title_dot_v1 { position:absolute; width:9px; height:4px; left:0; top:0; background-color:#0d6ba7; }
#sub_container > #content > .title .title_dot_v2 { position:absolute; width:26px; height:4px; left:9px; top:0; background-color:#62bbd9; } */

#sub_container > #content > .content_area { position:relative; margin:40px 0 50px 0; }

/* FOOT */
#footer > .area { position: relative; width: 1440px; margin: 14px auto 0; }
#footer > .area .foot_menu { }
#footer > .area .foot_menu ul { margin: 0; padding: 0; }
#footer > .area .foot_menu li { list-style: none; float: left; padding-left: 21px; background: url(/images/footer_bar.png) no-repeat 10px 2px; }
#footer > .area .foot_menu li:first-child { padding-left: 0; background: none; }
#footer > .area .foot_menu a,
#footer > .area .foot_menu a:hover { font-family: 'Nanum Gothic'; font-size: 12px; line-height: 14px; font-weight: 800; color: #5b5b5b; }
#footer > .area .foot_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .area .copyright { margin: 10px 0 10px 0; }
#footer > .area .copyright ul { margin: 0; padding: 0; }
#footer > .area .copyright li { list-style: none; float: left; padding-left: 21px; margin-bottom: 5px; background: url(/images/footer_bar.png) no-repeat 10px 2px; font-family: 'Nanum Gothic'; font-size: 12px; line-height: 14px; color: #848484; }
#footer > .area .copyright li:first-child { padding-left: 0; background: none; }
#footer > .area .copyright li.v1 { clear: both;  padding-left: 0; background: none; }
#footer > .area .copyright:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


@media screen and (max-width:1550px) {
	#container { width: auto; margin: 0 60px; }
}

@media screen and (max-width:1480px) {
	/* HEADER */
	#header { width: auto; margin: 0 10px; }
	
	/* CONTAINER */
	#container > .area { width: auto; margin: 0 20px; }
	
	#container > .area .slide .box .outer .inner h2 { font-size: 40px; line-height: 40px;  }
	#container > .area .slide .box .outer .inner h2 strong { font-size: 40px; line-height: 40px; }
	#container > .area .slide .box .outer .inner .line01 { display: none; }
	#container > .area .slide .box .outer .inner .line02 { display: none; }
	
	#container > #section_area > #section01 .photo .list img { width:100%; }
    
    /* SUB CONTAINER */
	#sub_container { width: 97%; margin:0 1.5%; }
	
	/* FOOT */
	#footer > .area { width: auto; margin: 14px 20px 0; }
}

@media screen and (max-width:1280px) {
	/* CONTAINER */
	#container > #section_area { height: 720px; }
	#container > #section_area > #section01 .slide li { height: 600px; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 { font-size: 46px; line-height: 66px; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 strong { font-size: 50px; line-height: 66px; }
	
	#container > #section_area > #section01 .notice { height:300px; }
	#container > #section_area > #section01 .notice h2 { margin:50px 0 0 20px; font-size:22px; line-height:22px; }
    #container > #section_area > #section01 .notice h2 a,
	#container > #section_area > #section01 .notice h2 a:hover { font-size:22px; line-height:22px; color:#333; font-weight:normal; }
	#container > #section_area > #section01 .notice .more { right:25px; top:46px; }
	#container > #section_area > #section01 .notice .list { margin:30px 20px 0 20px;  }
	#container > #section_area > #section01 .notice .list a,
    #container > #section_area > #section01 .notice .list li:after { top:12px; }

	#container > #section_area > #section01 .broadcast { height:300px; }
	#container > #section_area > #section01 .broadcast h2 { margin:50px 0 0 20px; font-size:22px; line-height:22px; }
    #container > #section_area > #section01 .broadcast h2 a,
	#container > #section_area > #section01 .broadcast h2 a:hover { font-size:22px; line-height:22px; color:#333; font-weight:normal; }
	#container > #section_area > #section01 .broadcast .more { right:25px; top:46px; }
	#container > #section_area > #section01 .broadcast .list { margin:30px 20px 0 20px;  }
	#container > #section_area > #section01 .broadcast .list a,
    #container > #section_area > #section01 .broadcast .list li:after { top:12px; }


	#container > #section_area > #section01 .taxforum { height:300px; top:300px; }
	#container > #section_area > #section01 .taxforum h2 { margin:50px 0 0 20px; font-size:22px; line-height:22px; }
    #container > #section_area > #section01 .taxforum h2 a,
	#container > #section_area > #section01 .taxforum h2 a:hover { font-size:22px; line-height:22px; color:#333; font-weight:normal; }
	#container > #section_area > #section01 .taxforum .more { right:25px; top:46px; }
	#container > #section_area > #section01 .taxforum .list { margin:30px 20px 0 20px;  }


	#container > #section_area > #section01 .photo { height:300px; top:300px; }
	#container > #section_area > #section01 .photo h2 { margin:50px 0 0 20px; font-size:22px; line-height:22px; }
    #container > #section_area > #section01 .photo h2 a,
	#container > #section_area > #section01 .photo h2 a:hover { font-size:22px; line-height:22px; color:#333; font-weight:normal; }
	#container > #section_area > #section01 .photo .more { right:25px; top:46px; }
	#container > #section_area > #section01 .photo .list { margin:30px 20px 0 20px;  }
    
}

@media screen and (max-width:1100px) {
	/* CONTAINER */
    
	#container > .area .article li.notice .thum { opacity: 0; visibility: hidden; }
	#container > .area .article li.notice p { margin: 50px 10% 0 10%; }
	#container > .area .article li.notice p strong { font-size: 15.5px; line-height: 20px; }
	#container > .area .article li.notice .more { margin: 12px 10% 0 10%; }

	#container > .area .article li.money { background: none; background-color: #599bcf; }
	#container > .area .article li.money h2 { margin: 50px 10% 12px 10%; }
	#container > .area .article li.money p { margin: 0 10% 0 10%; }

	#container > .area .article li.customer { background: url(/images/main/customer_thum.png) no-repeat 90% 110px; background-size: 30%; background-color: #ffffff; cursor: default; }
	#container > .area .article li.customer p i { display: none; }
	
	/* FOOT */
	#footer > .area .foot_menu ul { text-align: center; font-size: 0; }
	#footer > .area .foot_menu li { display: inline-block; float: none; }

	#footer > .area .copyright ul { text-align: center; font-size: 0; }
	#footer > .area .copyright li { display: inline-block; float: none; background: none; }

}

@media screen and (max-width:994px) {
    #header > .gnb { right:0; }
	#header > .gnb { opacity: 0; visibility: hidden; }
	#header > .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }
	#header > .side_lnb { right: 50px; top:26px; }
    
    #footer { margin-top: 0; }
    
	/* CONTAINER */
	#container { margin: 0; }
	
	#container > .area .service .thum { width: 90%; margin: 20px auto 0; text-align: center; line-height: 0; }
	#container > .area .service .thum img { width: 100%; }
	#container > .area .service h2 { font-size: 18px; line-height: 18px; }
	#container > .area .service p { margin: 10px 10px 30px; font-size: 13px; letter-spacing: -1px; }
	
	#container > #section_area { overflow: auto; height: auto; margin-bottom:0; }
	#container > #section_area > #section01 { position: relative; margin-left: 0; font-size:0; }
    #container > #section_area > #section01 .slide { width: auto; }
	#container > #section_area > #section01 .slide li { height: auto; }
    #container > #section_area > #section01 .slide li div.pc { display:none; }
	#container > #section_area > #section01 .slide li div.mobile { display:block; }
	#container > #section_area > #section01 .slide li div.mobile img { width:100%; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 { font-size: 36px; line-height: 56px; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 strong { font-size: 40px; line-height: 56px; }
	
	#container > #section_area > #section01 .notice { position:relative; display:inline-block; vertical-align:center; left:auto; top:auto; width:50%; }
	#container > #section_area > #section01 .notice h2 { margin:40px 30px 0; font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .notice h2 a,
    #container > #section_area > #section01 .notice h2 a:hover { font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .notice .list { margin: 40px 30px 0; }
	#container > #section_area > #section01 .notice .list a,
	#container > #section_area > #section01 .notice .list a:hover { font-size:17px; line-height:30px; }	

	#container > #section_area > #section01 .broadcast { position:relative; display:inline-block; vertical-align:center; left:auto; top:auto; width:50%; }
	#container > #section_area > #section01 .broadcast h2 { margin:40px 30px 0; font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .broadcast h2 a,
    #container > #section_area > #section01 .broadcast h2 a:hover { font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .broadcast .list { margin: 40px 30px 0; }
	#container > #section_area > #section01 .broadcast .list a,
	#container > #section_area > #section01 .broadcast .list a:hover { font-size:17px; line-height:30px; }

	#container > #section_area > #section01 .photo { overflow:hidden; position:relative; display:inline-block; vertical-align:center; left:auto; top:auto; width:50%; }
	#container > #section_area > #section01 .photo h2 { margin:40px 30px 0; font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .photo h2 a,
    #container > #section_area > #section01 .photo h2 a:hover { font-size:24px; line-height:24px; }
	#container > #section_area > #section01 .photo .list { margin: 40px 30px 0; }
	#container > #section_area > #section01 .photo .list li:nth-child(3) { display:none; }
	#container > #section_area > #section01 .photo .list li:nth-child(4) { display:none; }

	#container > #section_area > #section01 .taxforum { overflow:hidden; position:relative; display:inline-block; vertical-align:center; left:auto; top:auto; width:50%; }
	#container > #section_area > #section01 .taxforum h2 { margin:40px 30px 0; font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .taxforum h2 a,
    #container > #section_area > #section01 .taxforum h2 a:hover { font-size:24px; line-height:24px; }
    #container > #section_area > #section01 .taxforum .list { margin: 40px 30px 0; }
	#container > #section_area > #section01 .taxforum .list a,
	#container > #section_area > #section01 .taxforum .list a:hover { font-size:17px; line-height:30px; }   
    
	
    /* SUB LAYOUT */
    #sub_slide { height:auto; background:none; }
    #sub_slide img { width:100%; }
    #sub_slide .mobile { display:inline; }
    
    #sub_container { display:block; overflow:hidden; width: auto; margin:0; }
    #sub_container > #side { display:none; }
    #sub_container > #content { display: block; width:auto; padding:0; margin:0 20px; }
    #sub_container > #content > .title { font-size:26px; line-height:26px; }
}

@media screen and (max-width:768px) {
	/* HEADER */
	
	/* CONTAINER */
	#container > .area .slide .box .outer .inner h2 { font-size: 36px; line-height: 36px; }
	#container > .area .slide .box .outer .inner h2 strong { font-size: 36px; line-height: 36px; }
	#container > .area .slide .box .outer .inner p { font-weight: 300; }

	#container > .area .slide .btn_more { display: none; }
	
	#container > .area .service .thum_bg { display: none; }
	
	#container > #section_area > #section01 .slide .box .outer .inner h2 { font-size: 30px; line-height: 50px; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 strong { font-size: 34px; line-height: 50px; }
	
}

@media screen and (max-width:640px) {
    #header > .side_lnb { right:36px; top:10px; }
	#header > .side_lnb > ul > li {display:block; float: none; margin-left: 0; }
    
	/* CONTAINER */	
	#container > #section_area > #section01 .slide { width: auto; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 { font-size: 26px; line-height: 34px; }
	#container > #section_area > #section01 .slide .box .outer .inner h2 strong { font-size: 26px; line-height: 34px; }

	
	#container > #section_area > #section01 .notice { height:200px; }
	#container > #section_area > #section01 .notice h2 { margin:30px 20px 0; font-size:18px; line-height:18px; border-bottom:2px solid #000; }
    #container > #section_area > #section01 .notice h2 a,
    #container > #section_area > #section01 .notice h2 a:hover { font-size:18px; line-height:18px; }
	#container > #section_area > #section01 .notice .more { right:15px; top:36px; }
	#container > #section_area > #section01 .notice .more img { width:14px; }
    #container > #section_area > #section01 .notice .list { margin: 20px 20px 0; }
    #container > #section_area > #section01 .notice .list li:nth-child(4) { display:none; }
    #container > #section_area > #section01 .notice .list li:nth-child(5) { display:none; }

	#container > #section_area > #section01 .broadcast { height:200px; }
	#container > #section_area > #section01 .broadcast h2 { margin:30px 20px 0; font-size:18px; line-height:18px; border-bottom:2px solid #000; }
    #container > #section_area > #section01 .broadcast h2 a,
    #container > #section_area > #section01 .broadcast h2 a:hover { font-size:18px; line-height:18px; }
	#container > #section_area > #section01 .broadcast .more { right:15px; top:36px; }
	#container > #section_area > #section01 .broadcast .more img { width:14px; }
    #container > #section_area > #section01 .broadcast .list { margin: 20px 20px 0; }
    #container > #section_area > #section01 .broadcast .list li:nth-child(4) { display:none; }
    #container > #section_area > #section01 .broadcast .list li:nth-child(5) { display:none; }

	#container > #section_area > #section01 .taxforum { height:200px; }
	#container > #section_area > #section01 .taxforum h2 { margin:30px 20px 0; font-size:18px; line-height:18px; border-bottom:2px solid #000; }
    #container > #section_area > #section01 .taxforum h2 a,
    #container > #section_area > #section01 .taxforum h2 a:hover { font-size:18px; line-height:18px; }
	#container > #section_area > #section01 .taxforum .more { right:15px; top:36px; }
	#container > #section_area > #section01 .taxforum .more img { width:14px; }
    #container > #section_area > #section01 .taxforum .list { margin: 20px 20px 0; }
    #container > #section_area > #section01 .taxforum .list li:nth-child(4) { display:none; }
    #container > #section_area > #section01 .taxforum .list li:nth-child(5) { display:none; }

	#container > #section_area > #section01 .photo { height:200px; }
	#container > #section_area > #section01 .photo h2 { margin:30px 20px 0; font-size:18px; line-height:18px; border-bottom:2px solid #000; }
    #container > #section_area > #section01 .photo h2 a,
    #container > #section_area > #section01 .photo h2 a:hover { font-size:18px; line-height:18px; }
	#container > #section_area > #section01 .photo .more { right:15px; top:36px; }
	#container > #section_area > #section01 .photo .more img { width:14px; }
	#container > #section_area > #section01 .photo .list { margin: 20px 20px 0; }
	#container > #section_area > #section01 .photo .list li { width:100%; margin:0; }
	#container > #section_area > #section01 .photo .list li:nth-child(2) { display:none; }

    
	#container > #section_area > #section01 .new_banner { margin:10px auto 10px; width:auto; }
	#container > #section_area > #section01 .new_banner li { float:none; width:auto; margin:0 0 10px 0; }
	#container > #section_area > #section01 .new_banner li:first-child { margin:0 0 10px 0; }
    
	/* 20200218추가 랜딩 */
	#rading > .randing_head .outer { width:auto; margin:30px 3.5%; }
	#rading > .randing_head .outer .randing_logo { margin:35px 0 0;}
	#rading > .randing_head .outer .randing_logo img { width: 50px; }
	#rading > .randing_head .outer .randing_name { margin:15px 0 0; font-size: 20px; line-height: 20px; }
	#rading > .randing_head .outer .randing_btn { width: auto; margin:30px 3.5% 30px; }
	#rading > .randing_head .outer .randing_btn a,
	#rading > .randing_head .outer .randing_btn a:hover { font-size: 15px; line-height: 40px; }

	#rading > .randing_body .randing_logo { margin:35px 0 0; }
	#rading > .randing_body .randing_logo img { width: 70px; }
	#rading > .randing_body .randing_name { margin:15px 0 0; font-size: 20px; line-height: 20px; }
	#rading > .randing_body .input_box { width:auto; margin:25px 3.5% 60px; }
    
}

@media screen and (max-width:480px) {
	/* HEADER */
	#header { height: 50px; }
	#header h1 { width: 120px; padding:16px 0 0; }
	#header h1 img { height: 26px; }
	#header > .gnb_btn { width: 22px; top: 20px; }
    
    #header > .side_lnb { display:none; }
    
    #lnb_depth { overflow: hidden; position: relative; height:40px; border-top:1px solid #cecece; border-bottom:1px solid #cecece; display:block; margin:10px 0 0 0; }
	#lnb_depth ul { margin:0 15px; padding:0; position: relative; }
	#lnb_depth li { display: inline-block; list-style:none; padding:0 12px; }
	#lnb_depth a { font-size:1.2em; height:40px; line-height:40px; color:#333333; font-family:nanum-barun-gothic-regular !important; letter-spacing:-1px; }
	#lnb_depth a:hover { color:#e9501a; font-weight:bold; }
	#lnb_depth li.select a,
	#lnb_depth li.select a:hover { color:#e9501a; font-weight:bold; }    
	
	/* CONTAINER */	
	#container > .area .slide { margin-top: 30px; }
	#container > .area .slide img.pc { display: none; }
	#container > .area .slide img.mobile { display: block; }
	#container > .area .slide .box .outer .inner h2 { font-size: 20px; line-height: 20px; }
	#container > .area .slide .box .outer .inner h2 strong { font-size: 20px; line-height: 20px; }
	#container > .area .slide .box .outer .inner p { margin: 10px 0 0; font-size: 14px; line-height: 20px; }
	#container > .area .slide .box .outer .inner p i { display: block; }

	#container > .area .service li { width: 100%; }
	#container > .area .service li:nth-child(2) { border-left: none; border-right: none; }
	#container > .area .service h2 { font-weight: 500; }

	#container > .area .article li { width: 100%; min-height: 10px; margin-left: 0; }
	#container > .area .article li.notice p { margin: 30px 10% 0 10%; }
	#container > .area .article li.notice .more { position: relative; margin: 12px 10% 30px 10%; }

	#container > .area .article li.money { background: url(/images/main/money_thum.png) no-repeat 150px; background-color: #599bcf; }
	#container > .area .article li.money h2 { margin: 30px 10% 12px 10%; font-weight: 500; }
	#container > .area .article li.money p { margin: 0 10% 0 10%; }
	#container > .area .article li.money .more { margin: 12px 10% 30px 10%; }

	#container > .area .article li.customer { background: url(/images/main/customer_thum.png) no-repeat 90% 100px; background-size: 20%; background-color: #ffffff; }
	#container > .area .article li.customer h2 { margin: 40px 10% 0 10%; }
	#container > .area .article li.customer p { margin: 10px 10% 0 10%; }
	#container > .area .article li.customer p i { display: block; }
	#container > .area .article li.customer .tel { margin: 10px 10% 40px 10%; }
	
    /* SUB LAYOUT */
    #sub_container > #content { margin:0 15px; }
    #sub_container > #content > .title  {margin:30px 0 0 0; font-size:20px; line-height:20px; }
    #sub_container > #content > .lnb { display:none; }
    #sub_container > #content > .content_area { margin:20px 0 50px 0; }
}

@media screen and (max-width:320px) {
	/* CONTAINER */
	#container > .area { margin: 0 10px; }
	
	#container > .area .slide { margin-top: 20px; }
    
	/* FOOT */
	#footer > .area { margin: 14px 5px 0; }
}