@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 
@import url("../libraries/font-awesome-4.6.2/css/font-awesome.min.css");


html {overflow-y:scroll; margin:0; padding:0; font-family:'맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;}
body {overflow:hidden; margin:0; padding:0; font-family:"NanumBarunGothic"; font-size:15px; color:#4c4c4c; line-height:25px;}
ul, ol, li {margin:0; padding:0; list-style:none;}
dl, dt, dd, p, 
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:0 none;}
a {color:#4c4c4c; text-decoration:none;}
table {width:100%; border-collapse:collapse; border:0 none;}
form {display:inline; margin:0; padding:0;}
fieldset, 
iframe {margin:0; padding:0; border:0 none;}
input, select, textarea,
button {margin:0; padding:0; font-family:"NanumBarunGothic"; font-size:15px; color:#4c4c4c;cursor:pointer}
button {border:0 none; background:none;}
hr, legend, caption,
.hidden {overflow:hidden; width:100%; height:0; margin:0; padding:0; font-size:0; line-height:0;}
section, aside, nav {	display: block;}
/* 웹폰트 : 나눔바른고딕 */
@font-face 
{
	font-family:"NanumBarunGothic";
	src:url("/fonts/nanum/nanumbarungothic_r.eot");
	src:url("/fonts/nanum/nanumbarungothic_r.eot?#iefix") format("embedded-opentype"), 
		/*url("/fons/nanum/nanumbarungothic_r.woff2") format("woff2"), */
		url("/fonts/nanum/nanumbarungothic_r.woff") format("woff"), 
		url("/fonts/nanum/nanumbarungothic_r.ttf") format("truetype"), 
		url("/fonts/nanum/nanumbarungothic_r.svg#nanumbarungothic_r") format("svg");
}

@font-face 
{
	font-family:"NanumBarunGothic";
	font-weight:200;
	src:url("/fonts/nanum/nanumbarungothic_l.eot");
	src:url("/fonts/nanum/nanumbarungothic_l.eot?#iefix") format("embedded-opentype"), 
		/*url("/fons/nanum/nanumbarungothic_l.woff2") format("woff2"), */
		url("/fonts/nanum/nanumbarungothic_l.woff") format("woff"), 
		url("/fonts/nanum/nanumbarungothic_l.ttf") format("truetype");
}

@font-face 
{
	font-family:"NanumBarunGothicBold";
	font-weight:bold;
	src:url("/fonts/nanum/nanumbarungothic_b.eot");
	src:url("/fonts/nanum/nanumbarungothic_b.eot?#iefix") format("embedded-opentype"), 
		/*url("/fons/nanum/nanumbarungothic_b.woff2") format("woff2"), */
		url("/fonts/nanum/nanumbarungothic_b.woff") format("woff"), 
		url("/fonts/nanum/nanumbarungothic_b.ttf") format("truetype"), 
		url("/fonts/nanum/nanumbarungothic_b.svg#nanumbarungothic_b") format("svg");
}

@font-face {
	font-family: "NotoB";
	src: url('/fonts/notokrB.eot');
	src: url('/fonts/notokrB.eot?#iefix') format('embedded-opentype'),
		url('/fonts/notokrB.woff2') format('woff2'),
		url('/fonts/notokrB.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	}

/* Typography */
.h1{font-size:2.75rem;line-height:3.575rem;} /* 44px */
.h2{font-size:2.5rem;line-height:3.25rem;} /* 40px */
.h3{font-size:2.25rem;line-height:2.925rem;}/* 36px */
.h4{font-size:2rem;line-height:2.6rem;}/* 32px */
.h5{font-size:1.75rem;line-height:2.475rem;}/* 28px */
.h6{font-size:1.5rem;line-height:2.4rem;}/* 24px */

/*------------------------------------*\
  button
\*------------------------------------*/
.btn{position: relative;font-weight:700;padding:11px 16px;display: inline-flex;justify-content: center;align-items: center;white-space:nowrap;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius:5px;transition:all .2s ease;}
.btn > *{font-weight:700;}
.btn_ss{padding:4px 8px;font-size:.75rem ;border-radius:5px;}
.btn_s{padding:7px 16px;font-size:.875rem ;border-radius:5px;}
.btn_m{padding:9px 28px;font-size:1.25rem;border-radius:7px;}
.btn_l{padding:11px 40px;font-size:1.5rem;border-radius:8px;}

.icon_box{display:inline-flex;align-items: center;}
.ico{display: inline-flex;justify-content: center;align-items:center;}

.icon_box span + span,
.btn_box .btn + .btn{margin-left:4px;}
.btn:hover{box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.08);}
.bg_bk{background-color:#1D2939 !important; color:#fff !important}
.bg_gray{background-color:#F6F8FA !important;}
.bg_gray1{background-color:#E2E4E9 !important;}
.bg_disable{background-color:#eee !important;color:#888  !important;cursor: unset !important;}
.bg_dgray{background-color:#595757 !important; color:#fff;}
.bg_green{background-color:#2d9f75 !important;color:#ffffff !important}
.bg_mint{background-color:#1F87AD !important;color:#ffffff !important}
.bg_blue{background-color:#3D52A7 !important;color:#fff !important}
.bg_blue_d2{background-color:#0F31B7 !important;color:#fff !important}
.bg_navy{background-color:#194185 !important;color:#fff !important}
.bg_orange{background-color:#FB6514 !important;color:#fff !important}
.bg_orange_d{background-color:#C76A23 !important;color:#fff !important}
.bg_red{background-color:#e0232d !important;color:#fff !important}
.bg_lred{background-color:#F04438;}
.bg_purple{background-color:#6D0098 !important;color:#fff !important}
.bg_dpurple{background-color:#2C0B6F !important;color:#fff !important}
.bg_pink{background-color:#D10028 !important;color:#fff !important}
.bg_pink2 {background-color:#F63D68 !important;color:#fff !important}
.bg_pink_l {background-color:#fcedf4 !important;}
.bg_pink_d,.primary_bg {background-color:#B70F15 !important;color:#fff !important}
.bg_yellow{background-color:#F79009 !important;}
.bg_w{background-color:#fff !important;}
.bg_w_bo{background-color:#fff !important;border:1px solid #E2E4E9}
.bg_w_bl{background-color:#fff !important;border:1px solid #1570EF;color:#1570EF  !important;}
.bg_r_bo{background-color:#fff !important;border:1px solid #D92D20;color:#D92D20  !important;}
.bg_bk_bo{background-color:#fff !important;border:1px solid #525866;color:#344054  !important;}
.bg_letsky{background-color:#a41d55 !important;color:#fff !important}
.bg_letsky a{color:#fff !important}


/* 폰트속성 */
.fw_0 {font-weight:normal  !important;}
.fw_1 {font-weight:500}
.fw_2 {font-weight:600}
.fw_3 {font-weight:700}
.fw_4 {font-weight:800}
.fw_5 {font-weight:900}
[class*='fw_'] > * {font-weight: inherit;}

/* 폰트속성 size */
.fs_1{font-size:0.800rem !important;}

/*------------------------------------*\
  margin/padding
\*------------------------------------*/
.mt0 {margin-top:0px !important;}
.mt4 {margin-top:0.25rem !important;}
.mt8 {margin-top:0.5rem !important;}
.mt16{margin-top:1rem !important;}
.mt20{margin-top:1.25rem !important;}
.mt24{margin-top:1.5rem !important;}
.mt30{margin-top:1.875rem !important;}
.mt32{margin-top:2rem !important;}
.mt36{margin-top:2.25rem !important;}
.mt40{margin-top:2.5rem !important;}
.mt44{margin-top:2.75rem !important;}

.mb0 {margin-bottom:0px !important;}
.mb4 {margin-bottom:0.25rem !important;}
.mb8 {margin-bottom:0.5rem !important;}
.mb16{margin-bottom:1rem !important;}
.mb20{margin-bottom:1.25rem !important;}
.mb24{margin-bottom:1.5rem !important;}
.mb32{margin-bottom:2rem !important;}
.mb36{margin-bottom:2.25rem !important;}
.mb40{margin-bottom:2.5rem !important;}
.mb44{margin-bottom:2.75rem !important;}

.mr0 {margin-right:0px !important;}
.mr4 {margin-right:0.25rem !important;}
.mr8 {margin-right:0.5rem !important;}
.mr16{margin-right:1rem !important;}
.mr20{margin-right:1.25rem !important;}

.ml0 {margin-left:0px !important;}
.ml4 {margin-left:0.25rem !important;}
.ml8 {margin-left:0.5rem !important;}
.ml12 {margin-left:0.75rem !important;}
.ml16{margin-left:1rem !important;}
.ml20{margin-left:1.25rem !important;}
.ml24{margin-left:1.5rem !important;}
.ml32{margin-left:2rem !important;}
.ml40{margin-left:2.5rem !important;}

.pa0 {padding:0px !important;}
.pa4 {padding:0.25rem !important;}
.pa8 {padding:0.5rem !important;}
.pa16{padding:1rem !important;}
.pa20{padding:1.25rem !important;}
.pa24{padding:1.5rem !important;}
.pa32{padding:2rem !important;}
.pa36{padding:2.25rem !important;}
.pa40{padding:2.5rem !important;}
.pa44{padding:2.75rem !important;}
.pa50{padding:3.125rem !important;}
.pa60{padding:3.75rem !important;}

.pl24{padding-left:1.5rem !important;}

/* ---------- 로그인 ----------- */
.login_wp{max-width:680px;padding:40px;margin:0 auto;border:1px solid #ddd;border-radius:13px;}
.login_wp .login_box{max-width:380px;margin:20px auto 60px;}
.form_flex{display:flex;align-items:center;border:1px solid #c8ced7;border-radius:8px;height:60px;}
.form_flex .label{width:96px;padding:4px 20px;margin:0;}
.form_flex .form_box{width:calc(100% - 96px)}
.form_flex input{width:100%;border:0;height:58px}
.login_wp .btn_wp > *{width:100%;height:60px;font-size:1.125rem}
.login_wp .find_btn_wrap a:not(:first-child){position:relative;padding-left:12px;margin-left:12px;}
.login_wp .find_btn_wrap a:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:14px;background:#aaa;}


/* 웹폰트 : lato */
.lato-r {font-family:'Lato', sans-serif;}
.lato-b {font-family:'Lato', sans-serif; font-weight:bold;}
.nanumgothic {font-family:'nanumgothic', sans-serif; font-size:13px; }

/* 메뉴 건너뛰기 */
#skip ul {margin:0; padding:0; list-style:none;}
#skip ul li {float:left; width:100%;}
#skip ul li a {display:block; overflow:hidden; position:absolute; left:0; top:0; width:100%; background-color:#333; color:#fff; text-align:center; height:0;}
#skip ul li a:hover,
#skip ul li a:focus,
#skip ul li a:active {z-index:999; height:35px; line-height:35px;}

/* layout */
#layout-header,
#layout-footer {min-width:1160px;}
#layout-container {padding-top:47px; min-width:1160px; }
#header,
#footer {width:1160px; margin:0 auto; }

/* header */
#layout-header {position:fixed; left:0; top:0; z-index:100; width:100%; border-top:1px solid #a41d55; border-bottom:1px solid #a41d55; background-color:#fff;}
#header {position:relative;}
#logo {padding:5px 0 20px; font-size:0; line-height:0; }

/* golbal navigation bar */
#gnb {position:absolute; right:50px; top:40px; text-align:right;}
#gnb li {display:inline;}
#gnb a {display:inline-block; position:relative; margin-left:10px; padding-top:2px; font-family:'Lato', sans-serif; font-size:11px; }
#gnb a:before {position:absolute; left:50%; top:0; width:0; height:1px; margin-left:-10px; background-color:#e71f19; content:''; transition:all .2s ease;}
#gnb a:hover:before,
#gnb a:focus:before,
#gnb a:active:before,
#gnb .on a:before {width:20px;}

#allmenu .control {position:absolute; right:0; top:40px; z-index:11; width:25px; height:20px; transition:all .2s ease;}
#allmenu .control:before {position:absolute; left:0; top:0; width:100%; height:4px; background-color:#373737; opacity:1; transform:rotate(0deg); content:''; transition:all .3s ease;}
#allmenu .control:after {position:absolute; left:0; top:50%; width:100%; height:4px; margin-top:-2px; background-color:#373737; content:''; transition:all .2s ease;}
#allmenu .control span {position:absolute; left:0; top:100%; width:100%; height:4px; margin-top:-4px; background-color:#373737; transform:rotate(0deg);}
#allmenu .control:hover,
#allmenu .control:focus,
#allmenu .control:active {top:43px; height:14px;}
#allmenu .control:hover:after,
#allmenu .control:focus:after,
#allmenu .control:active:after {width:0; left:50%; top:50%; opacity:0;}
#allmenu .control:hover span,
#allmenu .control:focus span,
#allmenu .control:active span {transition:all .3s ease;}
#allmenu .menu {overflow:hidden; visibility:hidden; position:fixed; left:50%; top:95px; z-index:11; width:0; height:0; margin-left:-580px; background:url('/images/korean/layout/allmenu_bg.png') no-repeat right bottom;}
#allmenu .menu li {overflow:hidden; position:relative; padding:25px 0;}
#allmenu .menu li:before {position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity:.2; content:'';}
#allmenu .menu a {float:left; width:160px; margin-right:15px; font-size:20px; font-weight:bold; color:#fff; text-align:center;}
#allmenu .menu .depth-01 > li {width:1160px; top:50px; opacity:0;}
/*#allmenu .menu .group-01 {transition:all 1s ease .2s;}
#allmenu .menu .group-02 {transition:all 1s ease .2s;}
#allmenu .menu .group-03 {transition:all 1s ease .2s;}
#allmenu .menu .group-04 {transition:all 1s ease .2s;}
#allmenu .menu .group-05 {transition:all 1s ease .2s;}*/
#allmenu .depth-02 {float:left; width:960px;}
#allmenu .depth-02 li {float:left; margin-left:0px; padding:0;}
#allmenu .depth-02 li:before {display:none;}
#allmenu .depth-02 a {overflow:hidden; position:relative; width:auto; height:26px; padding:0 5px; border-radius:9999px; font-size:16px; font-weight:normal; color:#fff; line-height:26px;}
#allmenu .depth-02 a:before {position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:0; background-color:#d13d7b; content:''; transition:all .2s ease;}
#allmenu .depth-02 a:hover:before,
#allmenu .depth-02 a:focus:before,
#allmenu .depth-02 a:active:before {height:100%;}
#allmenu .depth-03 {clear:both;}
#allmenu .depth-03 li {margin:0;}
#allmenu .depth-03 a {float:none; font-size:15px; border-radius:0; line-height:30px;}
#allmenu .depth-04 {padding:0 10px;}
#allmenu .depth-04 li {float:none !important; position:relative; padding-left:12px;}
#allmenu .depth-04 li:before {display:inline-block; bottom:auto; top:14px; width:6px; opacity:1;}
#allmenu .depth-04 a {padding:0;}
#allmenu .depth-04 a:before {display:inline-block !important; width:0; height:1px; background-color:#9b9b9a;}
#allmenu .depth-04 a:hover:before,
#allmenu .depth-04 a:focus:before,
#allmenu .depth-04 a:active:before {width:100%; height:1px;}
#allmenu .allmenu-bg {position:fixed; left:0; bottom:0; z-index:10; width:100%; height:0; background-color:#000; opacity:0; content:''; transition:all .5s ease;}


/* allmenu close */
#allmenu .control.close {width:30px; height:30px;}
#allmenu .control.close:after {width:0; top:50%; opacity:0;}
#allmenu .control.close:before {top:50%; left:50%; height:2px; margin:-15px 0 0 -15px; background-color:#fff; transform:rotate(45deg);}
#allmenu .control.close span {top:50%; left:50%; height:2px; margin:-15px 0 0 -15px; background-color:#fff; transform:rotate(-45deg);}
#allmenu .control.close:hover,
#allmenu .control.close:focus,
#allmenu .control.close:active {top:40px;}

/* allmenu active */
#allmenu.active .menu {overflow-y:auto; visibility:visible; width:1160px; height:80%;}
#allmenu.active .menu .depth-01 > li {top:0; opacity:1;}
#allmenu.active .allmenu-bg {height:100%; opacity:.9;}

/* local navigation bar */
#lnb {position:absolute; right:200px; top:40px; z-index:2; width:700px;}
#lnb li {float:left; width:18%; text-align:center; }

#lnb .on .depth-02 {display:block;  transition:color 0s ease;}
#lnb a {display:inline-block; position:relative; padding-bottom:35px; font-size:20px; font-weight:bold; color:#000; transition:color 0s ease;}
#lnb a:hover,
#lnb a:focus,
#lnb a:active {color:#a41d55; transition:color .2s ease;}
#lnb a:before {overflow:hidden; position:absolute; left:0; bottom:0; width:0; height:4px; background-color:#a41d55; content:''; transition:width .2s ease;}
#lnb .depth-02 {visibility:hidden; overflow:hidden; height:0; display:none; position:absolute; top:50px; left:20px; width:1250px; transition:all .2s ease;}
#lnb .depth-02 li { margin:8px 15px; width:auto; line-height:20px; float:left;}
#lnb .depth-02 a {padding:0; font-size:15px; font-weight:normal; color:#1e1e1d !important;}
#lnb .depth-02 a:before {width:0 !important; height:1px; border-top:1px solid #a41d55; background-color:#a41d55;}
#lnb .depth-02 a:hover,
#lnb .depth-02 a:focus,
#lnb .depth-02 a:active {color:#a41d55 !important;}
#lnb .depth-02 a:hover:before,
#lnb .depth-02 a:focus:before,
#lnb .depth-02 a:active:before {width:100% !important;}
#layout-header:before {overflow:hidden; position:absolute; left:0; top:95px; z-index:1; width:100%; height:0; background:bottom #fff; content:''; transition:height .2s ease;}
#layout-header.active:before {height:65px; border-top:1px solid #e4e4e4; border-bottom:3px solid #a41d55;}
#layout-header.active .depth-02 {visibility:visible; height:55px; padding-top:20px; }
#lnb .on a {color:#a41d55;}
#lnb .on a:before {width:100%;}



/* link */
.link {overflow:hidden; position:absolute; right:0; top:-55px; z-index:3; width:270px; height:55px; padding:0 15px 0 20px; line-height:55px;}
.link:before {position:absolute; right:0; top:0; width:1px; height:100%; background-color:#fff; opacity:.13; content:'';}
.link li {float:left; width:50%; height:100%; text-align:center;}
.link li:first-child .icon {margin-right:10px;}
.link li:first-child:before {position:absolute; left:0; top:0; width:1px; height:100%; background-color:#fff; opacity:.13; content:'';}
.link a {display:inline-block; font-size:18px; color:#fff;}
.link .icon {float:left; position:relative; top:10px; width:30px; height:30px; margin-right:5px; border-radius:9999px; border:1px solid #fff; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase; line-height:32px; vertical-align:top;}
.link .icon i {font-size:15px;}

/* footer */
#layout-footer {position:relative; height:auto; }
#layout-footer:before {position:absolute; left:0; bottom:0; width:100%; height:65px; background-color:#192031; content:'';}
#layout-footer:after {position:absolute; left:0; top:65px; width:100%; min-width: 100%; height:1px; background-color:#e6e6e6; content:'';}
#footer {position:relative;}

/*family*/
.family {display:inline-block; overflow:hidden; width:100%; padding:20px 0; height:28px;}
.family h2 {float:left; margin-right:22px;}
.family ul {float:left; position:relative; width:78%;}
.family ul:after {clear:both;}
.family ul li {display:inline-block; position:relative; padding:10px 8px 0; letter-spacing:-0.08em; line-height:1.0em; color:#4d4d4d;}
.family ul li:first-child:before {width:0;}
.family ul li:last-child {padding-right:0;}
.family ul li:before {position:absolute; left:0; top:10px; background-color:#e9e9e9; height:12px; width:1px; content:'';}
.family a {display:inline-block; position:relative; }
.family a:before {position:absolute; left:0; bottom:-2px; width:0; height:1px; background-color:#e71f19; content:''; transition:all .2s ease;}
.family a:hover {color: #e71f19;}
.family a:hover:before {width: 100%;}

/* siteinfo */
.siteinfo {display:inline-block; overflow:hidden; width:100%; padding:45px 0;}
.siteinfo .group {float:left; position:relative;}
.siteinfo .group:before {position:absolute; right:-1px; top:0; width:1px; height:120px; background-color:#edeef1; content:'';}
.siteinfo .title {margin-bottom:20px; font-family:'Lato', sans-serif; font-size:17px; color:#333; text-transform:uppercase;}
.siteinfo ul {display:inline-block; width:100%; font-size:14px; line-height:24px;}
.siteinfo strong {color:#2a2a2a;}
.siteinfo .ml {margin-left:42px}
/* location */
.location {width:385px;}
.location .title {float:left;}
.location .btn-navy {display:inline-block; position:relative; top:-2px; height:25px; margin-left:10px; padding:0 10px; border-radius:5px; background-color:#7b828e; font-size:13px; color:#fff; line-height:25px;}
.location strong {display:inline-block; position:relative; margin-right:5px; padding-right:10px;}
.location strong:before {position:absolute; right:0; top:5px; width:1px; height:13px; border-right:1px solid #d8d8d8; background-color:#c3c3c3; content:'';}

/* contact */
.contact {width:235px; padding-left:100px;}
.contact ul {font-size:15px; font-family:'Lato', sans-serif; text-transform:uppercase; line-height:26px;}

/* shortcuts */
.siteinfo .shortcuts {float:right; width:330px;}
.siteinfo .shortcuts ul {display:inline-block; width:100%;}
.siteinfo .shortcuts li {float:left; width:50%;}
.siteinfo .shortcuts li:last-child a {color:#000;}
.siteinfo .shortcuts a {display:inline-block; position:relative; padding-left:8px;}
.siteinfo .shortcuts a:before {position:absolute; left:0; top:10px; width:2px; height:2px; background-color:#4d4d4d; content:'';}

/* btn-top */
.btn-top {position:absolute; right:-60px; bottom:120px; width:60px; height:60px; background-color:#3b3d44; font-size:20px; color:#fff; text-align:center; line-height:60px; transition:background-color .3s ease;}
.btn-top:hover,
.btn-top:focus,
.btn-top:active {background-color:#192031;}

/* copyright */
#copyright {position:relative; z-index:1; height:65px; font-size:13px; color:#a2a2a2; text-align:left; text-transform:uppercase; line-height:25px;top:5px}

/* input 가로넓이 */
.w01 {width:10% !important;}
.w02 {width:20%  !important;}
.w03 {width:30%  !important;}
.w04 {width:40%  !important;}
.w05 {width:50%  !important;}
.w06 {width:60%  !important;}
.w07 {width:70%  !important;}
.w08 {width:80%  !important;}
.w09 {width:90%  !important;}
.w95 {width:95%  !important;}
.w10 {width:100%  !important;}
.w98 {width:98%  !important;}
.h01 {height:70px;}
.h02 {height:140px;}
.h58 {height:58px;}
.w40 {width:40px  !important;}
.w98 {width:98px  !important;}
.w108 {width:108px  !important;}

/* 문단 간격 */
.paragraph0 {margin-bottom:0 !important; }
.paragraph5 {margin-bottom:5px !important;}
.paragraph8 {margin-bottom:8px !important;}
.paragraph10 {margin-bottom:10px !important; }
.paragraph15 {margin-bottom:15px !important;}
.paragraph25 {margin-bottom:25px !important;}
.paragraph20 {margin-bottom:20px !important;}
.paragraph30 {margin-bottom:30px !important;}
.paragraph35 {margin-bottom:35px !important;}
.paragraph40 {margin-bottom:40px !important;}
.paragraph50 {margin-bottom:50px !important;}
.paragraph55 {margin-bottom:55px !important;}
.paragraph60 {margin-bottom:60px !important;}
.paragraph65 {margin-bottom:65px !important;}
.paragraph70 {margin-bottom:70px !important;}
.paragraph80 {margin-bottom:80px !important;}
.paragraph90 {margin-bottom:90px !important;}
.paragraph100 {margin-bottom:100px !important;}

.margin-top0 {margin-top:0px !important;}
.margin-top5 {margin-top:5px !important;}
.margin-top10 {margin-top:10px !important;}
.margin-top15 {margin-top:15px !important;}
.margin-top20 {margin-top:20px !important;}
.margin-top25 {margin-top:25px !important;}
.margin-top30 {margin-top:30px !important;}
.margin-top35 {margin-top:35px !important;}
.margin-top40 {margin-top:40px !important;}
.margin-top45 {margin-top:45px !important;}
.margin-top50 {margin-top:50px !important;}
.margin-top55 {margin-top:55px !important;}
.margin-top60 {margin-top:60px !important;}
.margin-top65 {margin-top:65px !important;}
.margin-top70 {margin-top:70px !important;}

.margin-left0 {margin-left:0 !important;}
.margin-left1 {margin-left:1px !important;}
.margin-left5 {margin-left:5px !important;}
.margin-left10 {margin-left:10px !important;}
.margin-left15 {margin-left:15px !important;}
.margin-left20 {margin-left:20px !important;}
.margin-left25 {margin-left:25px !important;}
.margin-left30 {margin-left:30px !important;}
.margin-left35 {margin-left:35px !important;}
.margin-left40 {margin-left:40px !important;}
.margin-left50 {margin-left:50px !important;}
.margin-left70 {margin-left:70px !important;}

.margin-right5 {margin-right:5px !important;}
.margin-right10 {margin-right:10px !important;}
.margin-right15 {margin-right:15px !important;}
.margin-right20 {margin-right:20px !important;}
.margin-right25 {margin-right:25px !important;}
.margin-right30 {margin-right:30px !important;}
.margin-right35 {margin-right:35px !important;}
.margin-right40 {margin-right:40px !important;}

/* float 레이아웃 스타일 정의*/
div.layout-float-style01 {overflow:hidden; position:relative;}
div.layout-float-style01 .left {float:left; width:44%;}
div.layout-float-style01 .right {float:left; width:56%; }
div.layout-float-style01 .left01 {float:left; width:50%;}
div.layout-float-style01 .right01 {float:left; width:50%; }
div.layout-float-style01 .left02 {float:left; width:60%;}
div.layout-float-style01 .right02 {float:left; width:40%; }
div.layout-float-style01 .left03 {float:left; margin:0 42px 0 0;}
div.layout-float-style01 .right03 {float:left; }
div.layout-float-style01 .left04 {float:left; width:30% ;margin:0; padding:30px 0;}
div.layout-float-style01 .right04 {float:left; width:64%; padding:30px 0 50px 30px;}
div.layout-float-style01 .left05 {float:left; width:60%;padding-top:10px}
div.layout-float-style01 .right05 {float:left; width:40%; padding-top:10px}

/* box */
div.box01 {position:relative; background-color:#fff; padding:25px 20px ; border:1px solid #d9d9d9;}
div.box02 {position:relative; background-color:#fff; padding:30px 0 ; border:1px solid #d9d9d9; text-align:center;}
div.box04 {position:relative; background-color:#fff; padding:10px 0 ; border:1px solid #d9d9d9; text-align:center;}
div.box05 {position:relative; background-color:#fff; padding:0 ; border:1px solid #d9d9d9; }
div.etc-box {position:relative;height:100%; border:1px solid #d8d8d8; border-bottom:3px solid #e9e9e9;  padding:26px 26px 26px 135px ; background:url("/images/korean/sub/icon_signia.png") no-repeat 46px 26px;margin-bottom:30px;  background-color:#fbfcfc;}
.bg-right {position:absolute; right:-1px; bottom:-4px; background:url("/images/korean/sub/bg_box_right.png") no-repeat 0 0; width:45px; height:41px;}
div.box03 {position:relative; background-color:#fff; padding:40px 35px ; border:1px solid #d9d9d9;}

div.section01 {position:relative; padding:0; margin-bottom:45px; }
div.section02 {position:relative; padding:0; margin-bottom:10px;height:120px;overflow-y:auto }

/* headline */
/* 1depth 타이틀 */
.hl {font-family: 'NanumBarunGothicBold'; line-height:1.0em; padding:0; margin:50px 0 20px; font-size:28px; font-weight:normal; color:#010101; letter-spacing:-0.05em; background:none;} 
.hl img {display:block; margin:0; padding:0;}
.hl01 {display:block; font-family: 'NanumBarunGothicBold'; line-height:1.0em; padding:0 0 0 34px; margin:0 0 30px; font-size:28px; font-weight:normal; color:#010101; letter-spacing:-0.05em; background:url("/images/korean/common/bullet_hl01.gif") no-repeat 0 0;} 
.hl01 span {display:inline-block; color:#d33013;  font-size:15px; margin:0 0 0 10px; letter-spacing:-0.01em;}
.hl02 {display:block;line-height:1.0em; padding:10px 0 0 14px; margin:45px 0 15px; font-size:22px;  font-weight:bold; color:#a41d55; letter-spacing:-0.05em; background:url("/images/korean/common/bullet_hl02.png") no-repeat 0 3px;} 
.hl02.first {margin:0 0 15px;}
.hl03 {display:block; font-family: 'NanumBarunGothicBold';line-height:1.0em; padding:0; margin:45px 0 20px; font-size:22px;  font-weight:normal; color:#d33013; letter-spacing:-0.05em; } 
.hl03.first {margin:0 0 20px;}
.hl05 {display:block;line-height:1.0em; padding:10px 0 0 14px; margin:15px 0 15px; font-size:22px;  font-weight:bold; color:#a41d55; letter-spacing:-0.05em; background:url("/images/korean/common/bullet_hl02.png") no-repeat 0 3px;} 



/* dl list 스타일 */
dl.bullet-none {padding:0; margin:0; overflow:hidden; list-style:none;  letter-spacing:-0.02em; }
dl.bullet-none dt {float:left; display:block; width:100%; padding:0; margin:0 0 4px; color:#000; font-family: 'NanumBarunGothicBold';}
dl.bullet-none dd {float:left;  display:block; width:100%; padding:0; margin:0 0 4px;  vertical-align:middle; font-family:'맑은고딕',malgun,MalgunGothic, sans-serif; }
dl.bullet-none dd ul {margin:7px 0 5px;}
dl.bullet-none dt.style01 {float:left;width:100%; padding:0; margin:0 0 10px;}
dl.bullet-none dd.bullet-bar {padding:0; margin:0;  padding-left:10px; margin-bottom:7px;  background:url("/images/korean/common/bullet_bar.gif") no-repeat 0 12px;}

dl.bullet-style01 {padding:0 0 0 14px; margin:0; margin-bottom:0px; overflow:hidden; list-style:none;  letter-spacing:-0.03em;font-family:'맑은고딕',malgun,MalgunGothic, sans-serif; }
dl.bullet-style01 dt {float:left; width:100%; display:block; padding:0; padding-left:12px; margin:0; color:#333;font-size:15px; line-height:1.5em; color:#333; margin-bottom:3px; background:url("/images/korean/common/bullet_nemo.png") no-repeat 0 8px; }
dl.bullet-style01 dd {float:left; width:100%; padding:0; padding-left:10px; margin:0 0 0 3px; display:block; margin-bottom:3px; color:#555; line-height:1.5em; background:url("/images/korean/common/bullet_bar.png") no-repeat 0 10px; }
dl.bullet-style01 .none {background:none; padding:0;}

dl.bullet-style02 {padding:0 0 0 14px; margin:0; margin-bottom:20px; overflow:hidden; list-style:none;  letter-spacing:-0.03em; }
dl.bullet-style02 dt {float:left; width:100%; display:block; padding:0; padding-left:12px; margin:0; color:#333; font-size:17px; line-height:1.4em; color:#333; margin-bottom:3px; background:url("/images/korean/common/bullet_nemo.png") no-repeat 0 8px; font-family: 'NanumBarunGothicBold';}
dl.bullet-style02 dd {float:left; width:100%; padding:0; padding-left:10px; margin:0 0 0 3px; display:block; margin-bottom:3px; color:#555; line-height:1.5em; font-family:'맑은고딕',malgun,MalgunGothic, sans-serif;background:url("/images/korean/common/bullet_bar.png") no-repeat 0 11.5px; }
dl.bullet-style02 .none {background:none; padding:0;}

dl.bullet-style03 {padding:0 0 0 14px; margin:0; margin-bottom:20px; overflow:hidden; list-style:none;  letter-spacing:-0.03em; }
dl.bullet-style03 dt {display:block; padding:0; padding-left:28px; margin:0; color:#333; font-size:16px; line-height:1.4em; color:#333; margin-bottom:10px; background:url("/images/korean/common/bullet_gray_arrow.png") no-repeat 0 0; font-family: 'NanumBarunGothicBold';}
dl.bullet-style03 dd {padding:0; padding-left:28px; margin:0 0 0 3px; display:block; margin-bottom:3px; color:#333; line-height:1.5em; font-family:'맑은고딕',malgun,MalgunGothic, sans-serif;}
dl.bullet-style03 .none {background:none; padding:0;}

dl.bullet-style04 {padding:0; margin:0; margin-bottom:15px; overflow:hidden; list-style:none;  letter-spacing:-0.03em;font-family:'맑은고딕',malgun,MalgunGothic, sans-serif; }
dl.bullet-style04 dt {display:block; padding:0; margin:0; color:#333;font-size:17px; line-height:1.5em; color:#333; margin-bottom:3px; font-family: 'NanumBarunGothicBold'; }
dl.bullet-style04 dt.style01 {display:block; padding:0; padding-left:12px; margin:10px 0 3px; color:#333; font-size:16px; line-height:1.4em; color:#333; background:url("/images/korean/common/bullet_nemo.png") no-repeat 0 8px;font-family: 'NanumBarunGothic'; }
dl.bullet-style04 dd {padding:0; padding-left:10px; margin:0 0 0 3px; display:block; margin-bottom:3px; color:#555; line-height:1.5em; background:url("/images/korean/common/bullet_bar.png") no-repeat 0 10px; }

div.etc-box {position:relative;height:100%; border:1px solid #d8d8d8; border-bottom:3px solid #e9e9e9;  padding:26px 26px 26px 135px ; background:url("/images/korean/common/icon_signia.png") no-repeat 46px 26px;margin-bottom:30px;  background-color:#fbfcfc;}
/* 문단 간격 */
.paragraph0 {margin-bottom:0 !important; }
.paragraph5 {margin-bottom:5px !important;}
.paragraph8 {margin-bottom:8px !important;}
.paragraph10 {margin-bottom:10px !important; }
.paragraph15 {margin-bottom:15px !important;}
.paragraph25 {margin-bottom:25px !important;}
.paragraph20 {margin-bottom:20px !important;}
.paragraph30 {margin-bottom:30px !important;}
.paragraph35 {margin-bottom:35px !important;}
.paragraph40 {margin-bottom:40px !important;}
.paragraph50 {margin-bottom:50px !important;}
.paragraph55 {margin-bottom:55px !important;}
.paragraph60 {margin-bottom:60px !important;}
.paragraph65 {margin-bottom:65px !important;}
.paragraph70 {margin-bottom:70px !important;}
.paragraph80 {margin-bottom:80px !important;}
.paragraph90 {margin-bottom:90px !important;}
.paragraph100 {margin-bottom:100px !important;}

.margin-top0 {margin-top:0px !important;}
.margin-top5 {margin-top:5px !important;}
.margin-top10 {margin-top:10px !important;}
.margin-top15 {margin-top:15px !important;}
.margin-top20 {margin-top:20px !important;}
.margin-top25 {margin-top:25px !important;}
.margin-top30 {margin-top:30px !important;}
.margin-top35 {margin-top:35px !important;}
.margin-top40 {margin-top:40px !important;}
.margin-top45 {margin-top:45px !important;}
.margin-top50 {margin-top:50px !important;}
.margin-top55 {margin-top:55px !important;}
.margin-top60 {margin-top:60px !important;}
.margin-top65 {margin-top:65px !important;}
.margin-top70 {margin-top:70px !important;}

.margin-left0 {margin-left:0 !important;}
.margin-left1 {margin-left:1px !important;}
.margin-left5 {margin-left:5px !important;}
.margin-left10 {margin-left:10px !important;}
.margin-left15 {margin-left:15px !important;}
.margin-left20 {margin-left:20px !important;}
.margin-left25 {margin-left:25px !important;}
.margin-left30 {margin-left:30px !important;}
.margin-left35 {margin-left:35px !important;}
.margin-left40 {margin-left:40px !important;}
.margin-left50 {margin-left:50px !important;}
.margin-left70 {margin-left:70px !important;}

.margin-right5 {margin-right:5px !important;}
.margin-right10 {margin-right:10px !important;}
.margin-right15 {margin-right:15px !important;}
.margin-right20 {margin-right:20px !important;}
.margin-right25 {margin-right:25px !important;}
.margin-right30 {margin-right:30px !important;}
.margin-right35 {margin-right:35px !important;}
.margin-right40 {margin-right:40px !important;}

.popup-open{text-align: center; font-size: .65rem; color:#d5d5d5; position: absolute; top: 5rem; right: 5rem; color: #fff; z-index:1}
.popup-open{display:block}
.popup-open .popupzone-title{display:inline-block}
.popup-open.inactive {opacity: 0; visibility: hidden}
.popup-open.hide {display: none}
.popup-count {width: 1.2rem;height: 1.2rem;background: #a41d55; border-radius: 50%; display: inline-block;font-size: 1rem; line-height: 1rem;text-align: center;color:#ffffff;font-weight:bold;margin-top:2px}


.util { position: absolute; right: 230px; top: 34px; z-index:15}
.util .search-btn { color: #a41d55; float: left; font-size: 2.4rem; margin-top: 3px; }
.util .search-area { position: absolute; left: -655px; top: -10px; background-color: #fff; border: 2px solid #a41d55; width: 640px; opacity: 0; visibility: hidden; }
.util .search-area.active { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.util .search-area input[type="text"] { border: 0; padding: 20px; float: left; width: calc(100% - 120px); border: 1px solid #fff; color:#a41d55 }
.util .search-area .search-btn { border: 0; background-color: transparent; margin: 15px 20px 0 0; float: right; }
.util .search-area .close-btn { font-size: 2.4rem; background-color: #fff; color: #7d8488; position: absolute; right: -72px; top: 0px; padding: 15px; display: block; } 
input:focus {outline: none;}
.util .search-area input:focus  {outline: none;}