@charset "euc-kr";

@font-face {
   font-family:NanumGothic; 
   src:url('NanumGothic.eot');
   src:url('NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('NanumGothic.woff') format('woff');  
}

BODY {
	FONT-FAMILY: 'NanumGothic';
}
TR {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; 
}
A { 
selector-dummy:expression(this.hideFocus=true); 
}

A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
A:active {
	COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
.bold {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; 
}
.bold A:link {
	COLOR: #333333; TEXT-DECORATION: bold
}
.bold A:active {
	COLOR: #333333; TEXT-DECORATION: bold
}
.bold A:visited {
	COLOR: #333333; TEXT-DECORATION: bold
}
.bold A:hover {
	COLOR: #333333; TEXT-DECORATION: bold
}

INPUT {
	font-family:'NanumGothic'; font-size:14px; font-weight:none; background:#ffffff; border:1px solid #e5e5e5; height:28px; line-height:20px; width:200px; padding:3 5px; color:#333; text-align:left;
}
SELECT {
	font-family:'NanumGothic'; font-size:14px; height:28px; display:inline-block; border:1px solid #e5e5e5; padding:3px; color:#333; width:90px
}

textarea {font-family:'NanumGothic'; font-size:14px; font-weight:bold; border:1px solid #d7d7d7; padding:5px; width:95%;}

fileField {
	font-family:'NanumGothic'; font-size:14px; font-weight:bold; background:#none; border:1px solid #ccc; height:25px; line-height:20px; width:200px; padding:5 5px; color:#333; text-align:left;
}

.CHECKBOX {
	margin-right:0px; vertical-align:middle; BORDER-RIGHT: #CACACA 0px solid; BORDER-TOP: #CACACA 0px solid; BORDER-LEFT: #CACACA 0px solid; BORDER-BOTTOM: #CACACA 0px solid; width:29px
}

.copy-none {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 9pt; COLOR: #404040; TEXT-DECORATION: none; word-spacing:-1px;
}
.copy-bold {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #404040; TEXT-DECORATION: bold; word-spacing:-1px;
}
.copy-small {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 8.5pt; COLOR: #676666; TEXT-DECORATION: none; word-spacing:-2px;
}
.email {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; TEXT-DECORATION: bold; word-spacing:-1px;
}
.email A:link {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email  A:active {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email A:visited {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email A:hover {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email2 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: bold; word-spacing:-1px;
}
.email2 A:link {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email2  A:active {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email2 A:visited {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
.email2 A:hover {
	COLOR: #ffffff; TEXT-DECORATION: bold
}

.p_name {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #000000; TEXT-DECORATION: none; word-spacing:-2px;
}
.p_name A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.p_name A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.p_name A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.p_name A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}

.p_price {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #dd0129; TEXT-DECORATION: none; word-spacing:-2px;
}
.p_price A:link {
	COLOR: #dd0129; TEXT-DECORATION: none
}
.p_price A:active {
	COLOR: #dd0129; TEXT-DECORATION: none
}
.p_price A:visited {
	COLOR: #dd0129; TEXT-DECORATION: none
}
.p_price A:hover {
	COLOR: #dd0129; TEXT-DECORATION: none
}
.p_price_dc {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 11pt; COLOR: #818080; TEXT-DECORATION: line-through; word-spacing:-2px;
}
.p_price_dc A:link {
	COLOR: #818080; TEXT-DECORATION: overline
}
.p_price_dc A:active {
	COLOR: #818080; TEXT-DECORATION: overline
}
.p_price_dc A:visited {
	COLOR: #818080; TEXT-DECORATION: overline
}
.p_price_dc A:hover {
	COLOR: #818080; TEXT-DECORATION: overline
}
.p-ment {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 8pt; COLOR: #818080; TEXT-DECORATION: none; word-spacing:-2px;
}
.p-ment A:link {
	COLOR: #818080; TEXT-DECORATION: none
}
.p-ment A:active {
	COLOR: #818080; TEXT-DECORATION: none
}
.p-ment A:visited {
	COLOR: #818080; TEXT-DECORATION: none
}
.p-ment A:hover {
	COLOR: #818080; TEXT-DECORATION: none
}

.board_name {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 10pt; COLOR: #767575; TEXT-DECORATION: none; word-spacing:-2px;
}
.board_name A:link {
	COLOR: #767575; TEXT-DECORATION: none
}
.board_name A:active {
	COLOR: #767575; TEXT-DECORATION: none
}
.board_name A:visited {
	COLOR: #767575; TEXT-DECORATION: none
}
.board_name A:hover {
	COLOR: #767575; TEXT-DECORATION: none
}

.board_title {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 10pt; COLOR: #000000; TEXT-DECORATION: none; word-spacing:-2px;
}
.board_title A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title_b {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; TEXT-DECORATION: none; word-spacing:-2px;
}
.board_title_b A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title_b A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title_b A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title_b A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title2 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 11pt; COLOR: #000000; TEXT-DECORATION: none; word-spacing:-2px;
}
.board_title2 A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title2 A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title2 A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_title2 A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
.board_memo {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 11pt; COLOR: #797979; TEXT-DECORATION: none; word-spacing:-2px;line-height:150%
}
.board_memo A:link {
	COLOR: #797979; TEXT-DECORATION: none
}
.board_memo A:active {
	COLOR: #797979; TEXT-DECORATION: none
}
.board_memo A:visited {
	COLOR: #797979; TEXT-DECORATION: none
}
.board_memo A:hover {
	COLOR: #797979; TEXT-DECORATION: none
}
.potfolio {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #111111; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.potfolio A:link {
	COLOR: #111111; TEXT-DECORATION: bold
}
.potfolio A:active {
	COLOR: #111111; TEXT-DECORATION: bold
}
.potfolio A:visited {
	COLOR: #111111; TEXT-DECORATION: bold
}
.potfolio A:hover {
	COLOR: #111111; TEXT-DECORATION: bold
}
.use {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000; TEXT-DECORATION: none; word-spacing:-2px;
}
.use-price {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #dd0129; TEXT-DECORATION: none; word-spacing:-2px;
}
.use2 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #333333; TEXT-DECORATION: none; word-spacing:-2px;
}
.use3 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #0f4fc0; TEXT-DECORATION: none; word-spacing:-2px;
}
.use4 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: none; FONT-SIZE: 9pt; COLOR: #565555; TEXT-DECORATION: none; word-spacing:-2px;
}
.viewer {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #5bacee; TEXT-DECORATION: none; word-spacing:-2px;
}
.viewer-pixel {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #ffffff; TEXT-DECORATION: bold; word-spacing:-1px;
}
.viewer-pixel2 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #111111; TEXT-DECORATION: bold; word-spacing:-1px;
}

.viewer-pixel {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #ffffff; TEXT-DECORATION: bold; word-spacing:-1px;
}
.viewer-pixel2 {
	FONT-FAMILY: 'NanumGothic'; FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #111111; TEXT-DECORATION: bold; word-spacing:-1px;
}
.white_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.white_none {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}

.sin-down {
	FONT-WEIGHT: bold; FONT-SIZE: 18pt; COLOR: #000000; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.sin-down2 {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #353535; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}

.sin-down3 {
	FONT-WEIGHT: normal; FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: 'NanumGothic';  word-spacing:-1px; line-height:120%;
}
.sin-down3 A:link {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.sin-down3 A:active {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.sin-down3 A:visited {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.sin-down3 A:hover {
	COLOR: #55eee1; TEXT-DECORATION: underline
}
.p-box1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #072f7f; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.p-box1 A:link {
	COLOR: #072f7f; TEXT-DECORATION: none
}
.p-box1 A:active {
	COLOR: #072f7f; TEXT-DECORATION: none
}
.p-box1 A:visited {
	COLOR: #072f7f; TEXT-DECORATION: none
}
.p-box1 A:hover {
	COLOR: #072f7f; TEXT-DECORATION: none
}
.p-box2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #3f3f3f; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.p-box2 A:link {
	COLOR: #3f3f3f; TEXT-DECORATION: none
}
.p-box2 A:active {
	COLOR: #3f3f3f; TEXT-DECORATION: none
}
.p-box2 A:visited {
	COLOR: #3f3f3f; TEXT-DECORATION: none
}
.p-box2 A:hover {
	COLOR: #3f3f3f; TEXT-DECORATION: none
}
.p-box3 {
	FONT-WEIGHT: none; FONT-SIZE: 9pt; COLOR: #5d616c; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.p-box3 A:link {
	COLOR: #949493; TEXT-DECORATION: none
}
.p-box3 A:active {
	COLOR: #949493; TEXT-DECORATION: none
}
.p-box3 A:visited {
	COLOR: #949493; TEXT-DECORATION: none
}
.p-box3 A:hover {
	COLOR: #949493; TEXT-DECORATION: none
}

.p-box4 {
	FONT-WEIGHT: none; FONT-SIZE: 9pt; COLOR: #949493; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.p-box4 A:link {
	COLOR: #949493; TEXT-DECORATION: none
}
.p-box4 A:active {
	COLOR: #949493; TEXT-DECORATION: none
}
.p-box4 A:visited {
	COLOR: #949493; TEXT-DECORATION: none
}
.p-box4 A:hover {
	COLOR: #949493; TEXT-DECORATION: underline
}
.menual-over {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffffff; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.menual-over A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menual-over A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menual-over A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menual-over A:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

.menual-sub {
	FONT-WEIGHT: none; FONT-SIZE: 11pt; COLOR: #747373; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.menual-sub A:link {
	COLOR: #747373; TEXT-DECORATION: none
}
.menual-sub A:active {
	COLOR: #747373; TEXT-DECORATION: none
}
.menual-sub A:visited {
	COLOR: #747373; TEXT-DECORATION: none
}
.menual-sub A:hover {
	COLOR: #747373; TEXT-DECORATION: underline
}
.menual-none {
	FONT-WEIGHT: none; FONT-SIZE: 12pt; COLOR: #333333; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.menual-none A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
.menual-none A:active {
	COLOR: #333333; TEXT-DECORATION: none
}
.menual-none A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
.menual-none A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
.menual-over2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.menual-over2 A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menual-over2 A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menual-over2 A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menual-over2 A:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

.menual-none2 {
	FONT-WEIGHT: none; FONT-SIZE: 10pt; COLOR: #747373; FONT-FAMILY: 'NanumGothic'; TEXT-DECORATION: none; word-spacing:-1px; line-height:120%
}
.menual-none2 A:link {
	COLOR: #747373; TEXT-DECORATION: none
}
.menual-none2 A:active {
	COLOR: #747373; TEXT-DECORATION: none
}
.menual-none2 A:visited {
	COLOR: #747373; TEXT-DECORATION: none
}
.menual-none2 A:hover {
	COLOR: #747373; TEXT-DECORATION: underline
}


.header { 
position:fixed; top:0;width:100%; margin:0; padding:0; background-color:#333333; max-width:1980px; min-width:1400px; z-index: 2
}
.header_body { 
width:100%; margin:0 auto; padding:10px; max-width:1400px; min-width:1400px;
}
.menu_item { 
float:right; width:110px; text-align:center; color:#FFFFFF; font-size:16pt; padding:20px;FONT-WEIGHT: bold;
}
.menu_item:hover {
	float:right; width:110px; text-align:center; color:#ffff00; font-size:16pt; padding:20px;FONT-WEIGHT: bold;
}

.menu_item_ov { 
float:right; width:125px; text-align:center; color:#ffff00; font-size:16pt; padding:20px;FONT-WEIGHT: bold;
}


.main_title {
	font-size:30px; font-weight:bold; line-height:35px; 
}

.copy_menu { 
 text-align:center; color:#FFFFFF; font-size:16pt; padding:5px;FONT-WEIGHT: bold;  line-height:14px;
}
.copy_menu_ov { 
 text-align:center; color:#ffff00; font-size:16pt; padding:5px;FONT-WEIGHT: bold; line-height:14px;border:2px solid #ffff00; 
}



/* 메뉴 리뉴얼 */
.header ul li {list-style: none;}
.header ul, .header ul li {margin: 0; padding: 0;}
.w_100p {position: relative; margin: 0;}
#top_logo {display: inline-block; position: relative; top: -14px;}
.w_1280 {text-align: center; position: relative;}
.pcm_dep1 {width: 1007px; display: inline-block; padding: 27px 0 !important; margin-left: 172px !important;}
.pcm_dep1::after {display: block; clear: both; content: "";}
.pcm_dep1 > li {float: left; width: calc(100%/5); position: relative; padding: 22px 0; cursor: pointer; font-size: 22px; font-weight: 500; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; }
.pcm_dep1 > li:hover, .pcm_dep1 > li.on {color: #036eb7;}
.pcm_dep1 > li:nth-child(3):hover, .pcm_dep1 > li:nth-child(3).on {color: #e83124;}
.pcm_dep2_wrap {position: absolute; width: 100%; background: #fff; height: auto; border-top: 1px solid #bbbbbb; top: -3px; border-bottom: 1px solid #bbbbbb;}
.pcm_dep2_wrap > .w_908::after {display: block; clear: both; content: "";}
.pcm_dep2_wrap > .w_100p {}
.pcm_dep2 {float: left; text-align: left; padding: 30px 0 !important; border-left: 1px solid #e7e7e7; height: 357px; box-sizing: border-box; padding-left: 1.5% !important; position: relative; transition: ease-in 0.1s;}
.pcm_dep1 li:nth-child(1) {width: 200px;}
.pcm_dep1 li:nth-child(2) {width: 196px;}
.pcm_dep1 li:nth-child(3) {width: 181px; text-decoration: none;}
.pcm_dep1 li:nth-child(4) {width: 234px; text-decoration: none;}
.pcm_dep1 li:nth-child(5) {width: 195px;}

.pcm_dep2:nth-child(2) {width: 201px;}
.pcm_dep2:nth-child(3) {width: 196px;}
.pcm_dep2:nth-child(4) {width: 181px;}
.pcm_dep2:nth-child(5) {width: 234px;}
.pcm_dep2:nth-child(6) {width: 201px;}


/* AS 폰트 컬러 리뉴얼*/
.btn_pop_02 {color: #e83124;}
.btn_pop_02:hover {color:#e83124;}

/* .pcm_dep2:first-child {border-left: none; text-align: center;} */
.pcm_dep2:last-child {border-right: 1px solid #e7e7e7;}
.pcm_dep2 li {margin-bottom: 10px !important;}
.pcm_dep2 li a {font-size: 17px; color: #434343;font-family: 'Noto Sans KR', sans-serif; }
.pcm_dep2 li:hover a {color: #036eb7;}
.menu_bot {height: 100px; background: #fff;}
.menu_bot ul::after {display: block; clear: both; content: "";}
.menu_bot ul li {float: left;}
.menu_bot ul {width: 100%;}
.menu_bot ul li:first-child {background: #469ed8; padding: 30px 0; width: 30%; text-align: center; width: 387px;}
.menu_bot ul li > p {font-size: 24px; color: #fff; font-weight: 300; margin-left: 2%; position: relative; top: 3px;font-family: 'Noto Sans KR', sans-serif; }
.menu_bot ul li > h5 {font-size: 36px; font-weight: 600; color: #fff; margin-left: 2%;}
.menu_bot ul li > img, .menu_bot ul li > p, .menu_bot ul li > h5 {display: inline-block; vertical-align: middle; margin: 0;}
.menu_bot ul li:last-child {width: 66%; padding: 0 4%; box-sizing: border-box;}
.menu_bot ul li table {width: 100%; height: 68px;}
.menu_bot ul li table tr td { vertical-align: middle; width: calc(100%/4); height: 95px;}
.menu_bot ul li table tr td img, .menu_bot ul li table tr td p {display: inline-block;}
.menu_bot ul li table tr td p {margin: 0; font-weight: 400; font-size: 16px; color: #434343; margin-left: 5%; position: relative; top: -15px;font-family: 'Noto Sans KR', sans-serif;}