@charset 'utf-8';
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input[type="text"],
input[type="password"]
input[type="email"]
input[type="search"] { -webkit-border-radius: 0; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; }
html { font-size: 13px; line-height:1.35em; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: 'GmarketSansLight', Dotum, sans-serif; color:#0e0e0e; }

/* placeholder */
input::-webkit-input-placeholder { color:#aaa; }
input::-moz-input-placeholder { color:#aaa; }
input::-moz-placeholder { color:#aaa; }
input::-ms-input-placeholder { color:#aaa } 
textarea::-webkit-input-placeholder { color:#aaa; }
textarea::-moz-input-placeholder { color:#aaa; }
textarea::-moz-placeholder { color:#aaa; }
textarea::-ms-input-placeholder { color:#aaa }

.link {
	display:block; cursor:pointer; 
	-webkit-box-sizing:border-box;  
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	box-sizing:border-box; 
}

/* input :: text */
input[type="text"].fr_input {
	border:1px solid #dcdcdc; background-color:#fff; font-size:13px; font-weight:700; height:34px; line-height:1.25em; color:#575757; padding:5px 10px; vertical-align:middle; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	box-sizing:border-box; 
}
/* input :: radio */
input[type="radio"].fr_radio { vertical-align:middle; display:none; }
input[type="radio"].fr_radio + label { position:relative; display:inline-block; cursor:pointer; line-height:21px; height:21px; font-size:12px; color:#333; vertical-align:middle; padding-left:27px; }
input[type="radio"].fr_radio + label:after { position:absolute; left:0; top:0; width:21px; height:21px; border:1px solid #dcdcdc; background-color:#fff; border-radius:50px; overflow:hidden; content:""; }
input[type="radio"].fr_radio:checked + label::after {border:1px solid #333; background-color:#333; }

/* input :: checkbox */
input[type="checkbox"].fr_checkbox { vertical-align:middle; display:none; }
input[type="checkbox"].fr_checkbox + label { position:relative; display:inline-block; cursor:pointer; line-height:21px; height:21px; font-size:12px; color:#333; vertical-align:middle; padding-left:27px; }
input[type="checkbox"].fr_checkbox + label::after { position:absolute; left:0; top:0; width:21px; height:21px; content:""; }
input[type="checkbox"].fr_checkbox:checked + label::after {  }

/* input :: file */
.input_file_bx { position:relative; display:block; vertical-align:middle; padding-right:82px; }
.input_file_bx:after { display:block; clear:both; height:0; content:""; }
.input_file_bx .frm_input { width:100%; }
.input_file_bx .frm_input { width:100%; vertical-align:middle; }
.input_file_bx .file_input_div { position:absolute; right:0; top:0; display:block; width:80px; height:34px; overflow: hidden; vertical-align:middle; }
.input_file_bx .file_input_button { width: 100%; position: absolute; top: 0px; display:block; height:34px; background-color: #3686cf; color: #fff; border:0; cursor:pointer; font-size:12px; }
.input_file_bx .file_input_hidden { font-size:45px; position: absolute; right: 0px; top: 0px; display:block; width:100%; height:100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; cursor:pointer; }

/* width */
.w100pr { width:100% !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w170 { width:170px !important; }
.w180 { width:180px !important; }
.w190 { width:190px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w220 { width:220px !important; }

/* margin-bottom */
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb170 { margin-bottom:20px !important; }
.mb180 { margin-bottom:50px !important; }

/* btn_area */
.btn_area { width:100%; overflow:hidden; text-align:center; }
.btn_area .pl { float:left; }
.btn_area .pr { float:right; }

/* adign */
.ar { text-align:right !important; }
.ac { text-align:center !important; }


/* select */
.select{ position:relative; display:block; vertical-align:middle; background-color:#fff;  }
.select .myValue { position:relative; border:0; left:0; top:0; display:block; width:100%; height:69px; line-height:69px; padding-right:69px; font-size:18px; text-align:center; overflow:visible; background:transparent; box-sizing:border-box; color:#666; cursor:pointer; z-index:99; }
.select .myValue:focus { outline:none; }
.select .myValue.selected { font-weight:700; }
.select.open .myValue,
.select .myValue.outLine { }
.select .ctrl { position:absolute; top:0; right:0; display:block; width:69px; height:100%; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/contents/icon_menu_arrow_default.png'); color:transparent; z-index:9; }
.select.open .ctrl { background-image:url('../img/contents/icon_menu_arrow_open.png'); }
.select .arrow { }
.select ul.aList{ position:absolute; top:69px; left:0; float:none !important; width:100%; border:0; background-color:#44485a; overflow:hidden; box-sizing:border-box; z-index:999;  display:none; }
.select.open ul.aList { display:block; }
.select ul.aList li { position:relative; overflow:hidden; width:100% !important; float:none !important; font-size:18px; border-bottom:1px solid #55565d;  }
.select ul.aList li a { display:block; text-decoration:none; color:#eee; height:69px; line-height:69px; padding-left:40px; }
.select ul.aList li.hover *{ background-color:#999; color:#fff;}


/* custom-select */
.custom-select { position: relative; vertical-align:middle; }
.custom-select select { display: none; }
.select-selected { background-color:#fff; }
.select-selected:after {
  position: absolute;
  top: 27px; 
  right: 20px; 
  width: 0; 
  height: 0; 
  border:11px solid transparent; 
  border-color: #44485a transparent transparent transparent; 
  content: "";
}
.select-selected.select-arrow-active:after { 
  border-color: transparent transparent #44485a transparent; 
  top: 17px; 
}
.select-items div,
.select-selected { 
  display:block;
  font-size:18px; 
  line-height:1.35em;	
  height:65px; 
  color: #908f8f; 
  padding: 18px 18px; 
  border: 1px solid #dedede; 
  cursor: pointer; 
  box-sizing:border-box; 
  vertical-align:middle; 
}
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height:300px;
 /* overflow-y:scroll; */
}
.select-items div { border-top:0; }
.select-hide {
  display: none;
}
.select-items div:hover {  background-color:#fafafa; } 
.same-as-selected { /*  background-color: rgba(0, 0, 0, 0.1); */ } 



body,
.wrap { min-width:320px; }

/* header
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
#hd { position:relative; background-color:#fff; z-index:999; }
#hd .head { position:relative; max-width:1260px; height:150px;  margin:0 auto; }
/* #hd .head { position:relative; max-width:1260px; height:140px;  margin:0 auto; } */
#hd h1 { position:absolute; left:0; top:45%; margin-top:-25px; }
/* #hd h1 { position:absolute; left:0; top:50%; margin-top:-60px; } */
#hd .hd_text { text-align:center; padding-top:40px; padding-left:40px;}
#hd .hd_text span { display:block; color:#282626; font-size:27px; line-height:1.1em; font-family: 'Nanum Gothic'; letter-spacing:-1px; margin-bottom:3px; }
#hd .hd_text span.title { font-size:22px; font-family: 'Nanum Gothic'; letter-spacing:0; }
#hd .hd_text span.summary { font-size:16px;}
#hd .hd_text span.info { font-size:12px; font-family: 'Nanum Gothic'; letter-spacing:0; padding-top:3px; }

#hd .util { position:absolute; right:0; top:50%; margin-top:-15px; }
#hd .util .btn { display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; background-color:#fff; font-size:12px; color:#3e3c3c; vertical-align:middle; margin-left:5px; }

#hd .btn_menu,
#hd .btn_home { position:absolute; top:30px; display:block; width:84px; height:84px; background-repeat:no-repeat; background-position:center 50%; background-size:100% auto; color:transparent; font-size:0; z-index:99; cursor:pointer; display:none; }
#hd .btn_menu { left:30px; background-image:url('../img/common/ico_menu.png'); }
#hd .btn_home { right:30px; background-image:url('../img/common/ico_home.png'); }

/* ASPS-navigation--*/
.nav_wr { background-color:#7b5ba5; /* border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; */}
.nav_wr .nav { position:relative; height:69px; max-width:1330px;  margin:0 auto; }
.nav_wr .nav > li { float:left; font-size:21px; font-weight:500; height:69px; line-height:69px; text-align:center; }
.nav_wr .nav .idx { display:block; color:#fff; }
.nav_wr .nav > li.m1 { width:17%; }
.nav_wr .nav > li.m2 { width:17%; }
.nav_wr .nav > li.m3 { width:17%; }
.nav_wr .nav > li.m4 { width:32%; }
.nav_wr .nav > li.m5 { width:17%; }

.nav .submenu { position:absolute; left:0; top:69px; display:block; width:100%; height:215px; z-index:999; text-align:left; display:none; }
.nav .submenu:before { position:absolute; left:-50%; top:0; width:200%; height:100%; background-color:rgba(33,56,92,0.9); content:""; }
.nav .submenu .inner { position:relative; z-index:999; padding-top:20px; }
.nav .submenu .inner > li { position:relative; font-size:16px; line-height:26px; text-align:left;}
.nav .submenu .alink { position:relative; width:200px; vertical-align:middle; line-height:-0.5em; }
.nav .submenu .alink .btn { display:block; color:#fff; padding-top:5px; background-repeat:no-repeat; background-position:center top; }
.nav .submenu .alink .btn:hover { color:#9dedf9; font-weight:700; }
.nav .submenu .alink .btn:after { position:absolute; right:-4px; top:15px; bottom:15px; display:block; content:""; }
.nav .submenu .alink:last-child .btn:after { display:none; }

.nav .submenu .mu01 { padding-left:50px;}
.nav .submenu .mu02 { padding-left:264px;}
.nav .submenu .mu03 { padding-left:525px;}
.nav .submenu .mu04 { padding-left:770px;}
.nav .submenu .mu05 { padding-left:988px;}
.nav .submenu .mu06 { padding-left:1195px;}
/*
.nav .submenu .inner.mu01 { position:absolute; left:0; top:69px; display:block; width:100%; height:180px; z-index:999; text-align:left; display:none; }
.nav .submenu .mu0101 .btn { background-image:url('../img/common/icon_mu0101.png'); }
.nav .submenu .mu0101 .btn:hover { background-image:url('../img/common/icon_mu0101_on.png'); }
.nav .submenu .mu0102 { }
.nav .submenu .mu0102 .btn { background-image:url('../img/common/icon_mu0102.png'); }
.nav .submenu .mu0102 .btn:hover { background-image:url('../img/common/icon_mu0102_on.png'); }
*/
.nav_wr .nav > li:hover .submenu { display:block; }
/* ASPS-navigation--*/


/* Backup-navigation--
.nav_wr { background-color:#60484a;}
.nav_wr .nav { position:relative; height:69px; max-width:1330px;  margin:0 auto; }
.nav_wr .nav > li { float:left; font-size:18px; height:69px; line-height:69px; text-align:center; }
.nav_wr .nav .idx { display:block; color:#282626; }
.nav_wr .nav > li.m1 { width:13%; }
.nav_wr .nav > li.m2 { width:13%; }
.nav_wr .nav > li.m3 { width:10%; }
.nav_wr .nav > li.m4 { width:20%; }
.nav_wr .nav > li.m5 { width:9%; }
.nav_wr .nav > li.m6 { width:11%; }
.nav_wr .nav > li.m7 { width:11%; }
.nav_wr .nav > li.m8 { width:13%; }

.nav .submenu { position:absolute; left:0; top:69px; display:block; width:100%; height:180px; z-index:999; text-align:center; display:none; }
.nav .submenu:before { position:absolute; left:-50%; top:0; width:200%; height:100%; background-color:rgba(0,0,0,0.8); content:""; }
.nav .submenu .inner { position:relative; z-index:999; padding-top:40px; }
.nav .submenu .alink { position:relative; display:inline-block; font-size:17px; width:125px; vertical-align:middle; line-height:1.35em; }
.nav .submenu .alink .btn { display:block; color:#fff; padding-top:75px; background-repeat:no-repeat; background-position:center top; }
.nav .submenu .alink .btn:hover { color:#fccd5d; }
.nav .submenu .alink .btn:after { position:absolute; right:-4px; top:15px; bottom:15px; display:block; width:1px; background-color:#cfcfcf; content:""; }
.nav .submenu .alink:last-child .btn:after { display:none; }

.nav .submenu .mu0101 { }
.nav .submenu .mu0101 .btn { background-image:url('../img/common/icon_mu0101.png'); }
.nav .submenu .mu0101 .btn:hover { background-image:url('../img/common/icon_mu0101_on.png'); }
.nav .submenu .mu0102 { }
.nav .submenu .mu0102 .btn { background-image:url('../img/common/icon_mu0102.png'); }
.nav .submenu .mu0102 .btn:hover { background-image:url('../img/common/icon_mu0102_on.png'); }

.nav_wr .nav > li:hover .submenu { display:block; }

-- Backup-navigation*/


/* footer
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
#ft { background-color:#35302f; height:180px; box-sizing:border-box; padding-top:63px; }
#ft address { background-repeat:no-repeat; font-style:normal; font-size:11px; color:#bcbcbc; text-align:center; line-height:1.35em; font-family:'Dotum'; text-transform:uppercase; }
#ft p { margin-bottom:3px; }
#ft p:last-child { margin-bottom:0; }


/* aside
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
#aside { position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(16,12,37,0.8); z-index:99999; display:none; min-width:320px; }
#aside .inner { position:relative; padding:36px; }
#aside .top_area { position:relative; text-align:right; padding-top:65px; margin-bottom:10px; }
#aside .top_area .btn_close { position:absolute; left:-6px; top:-6px; display:block; width:84px; height:84px; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/common/ico_close.png'); background-size:100% auto; color:transparent; cursor:pointer; } 
#aside .top_area .btn_admin { display:inline-block; width:115px; height:50px; line-height:50px; text-align:center; background-color:#141415; color:#fff; font-size:17px; }

#aside .menu_li { box-shadow:5px 5px 5px #191616; }
#aside .menu_li ul { border:1px solid #000001; }
#aside .menu_li li { background-color:#060606;}
/* #aside .menu_li li { background-repeat:repeat; background-position:left top; background-image:url('../img/common/pattern_menu.png'); } */
#aside .menu_li li .idx { display:block; font-family:GmarketSansLight; font-size:60px; line-height:1.35em; padding-top:10px; color:#e9e9e9; /* padding-left:20px;  background-repeat:no-repeat; background-position:35px 30px; background-image:url('../img/common/ico_arrow.png');*/ box-sizing:border-box; }
#aside .menu_li li .submenu { width:100%; overflow:hidden; background-color:#1e1c1c; border-top:1px solid #252424; }
#aside .menu_li li .submenu span { position:relative; display:block; float:left; width:50%; font-size:16px; letter-spacing:-0.05em; height:62px; line-height:62px; border-bottom:1px solid #252424; }
#aside .menu_li li .submenu a { display:block; color:#d0cfcf; padding-left:35px; }
#aside .menu_li li .submenu span:nth-child(2n) a { padding-left:20px; }
#aside .menu_li li .submenu span a:after { position:absolute; right:0; top:7px; bottom:7px; display:block; width:1px; background-color:#454444; content:""; } 
#aside .menu_li li .submenu span:nth-child(2n) a:after { display:none; }

/* aside_view */
.aside_view { overflow:hidden !important; }
.aside_view #aside { display:block; overflow-y: auto; }


.v_web { display:block; }
.v_mobile { display:none; }

/* quick-menu */
.quick-menu { position:fixed; right:0; top:50%; display:block; transform:translateY(-50%); z-index:99; }
@media(max-width:1440px){
	.quick-menu { display:none; }
}

.v_web { display:block; }
.v_mobile { display:none; }