@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');/*Noto Sans KR*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');/*³ª´®°íµñ*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=devanagari,latin-ext');
/*Noto Sans KR Àͽº¿¡¼­ ¹Ì Àû¿ë¹®Á¦ ¾Æ·¡ ¼Ò½º Àû¿ë*/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}
/*
* { font-family:Arial, dotum, µ¸¿ò; }
body {margin:0; padding:0; border:none;}
body,table,input,textarea,select {
font:12px Arial, dotum, µ¸¿ò;
color:#333333;
}
img	{border:0}
form	{margin:0}

a	{text-decoration:none;color:#000000;font-family:Arial, dotum, µ¸¿ò;}
a:hover {text-decoration:none;color:#000000;font-family:Arial, dotum, µ¸¿ò;}
*/
.eng	{font:8pt tahoma}
.engs	{font:7pt tahoma}
.engb	{font:bold 8pt tahoma}
#quick2 {display:none}
.stxt	{font:8pt µ¸¿ò; color:#4C4C4C; letter-spacing:-1; line-height:16px}
.b_cate	{font:bold 11pt µ¸¿ò; color:#464646; letter-spacing:-1}
.path	{font:8pt µ¸¿ò; color:#464646; text-align:right; padding-right:17; height:25} /** ÇöÀç°æ·Î **/
.input_txt	{font:bold 8pt µ¸¿ò; color:#5D5D5D; letter-spacing:-1;padding-top:4px;}
#b_white a {font:bold 11pt µ¸¿ò; color:#FFFFFF; letter-spacing:-1}
.pagediv	{text-align:center;padding:15px} /** ÆäÀÌ¡ DIV **/

.indiv {margin:0px 18px 0px 17px;} /** º»¹® ÄÁÅÙÃ÷ DIV **/
* html .indiv {width:100%;} /** º»¹® ÄÁÅÙÃ÷ DIV (IE Àü¿ë) **/

* html .hundred {width:100%;} /** ³ÐÀÌ 100% css (IE Àü¿ë) **/

.cellC {
	width:120px;
	background:#f7f7f7;
	text-align:right;
	padding-right:10px;
}
.cellL {padding-left:10px;}
.cell_R {text-align:right;padding-right:10px}

.btn	{border:1px solid #cccccc;background-color:#000000;color:#ffffff;font:bold 8pt tahoma;width:60px}
.btn_white	{border:0;background-color:#ffffff;font:bold 8pt tahoma}
.btnL	{border:1px solid #cccccc;background-color:#000000;color:#ffffff;font:bold 8pt tahoma}
.line	{border:1px solid #cccccc}
.lineBig	{border:1px solid #cccccc;width:300px;}
.lineBg	{border:1px solid #DFDFDF;background-color:#F7F7F7}
.hand	{cursor:pointer}

.blue	{color:#007FC8}
.red	{color:#FF6C68}

.float	{float:left}
.clear	{clear:both}
option.disabled {color:#808080}

.white	{color:#FFFFFF}
A.white	{text-decoration:none;color:#FFFFFF}
A.white:hover {text-decoration:none;color:#FFFFFF}

.position	{text-align:right;padding:5px 10px;border-bottom-width:1; border-bottom-style:solid; border-bottom-color:#dddddd;}

#form input,textarea {border-width:1; border-style:solid; border-color:#DFDFDF ; background:#F7F7F7}
#form .noline input {border:0; background:transparent}
.select {font-family:µ¸¿ò;font-size:8pt;BACKGROUND-COLOR:#626262;color:ffffff;}
.null {border:0}

#bottom div {float:left;}

.cateUnfold {margin:10px 0 13px 0;}
.cateUnfold .catebar {padding:5px 0 2px 15px;}
.cateUnfold .catebar a {background:url(./img/main/sid_icon.gif) left 2px no-repeat;padding-left:10px; color:#707072;}
.cateUnfold .catebar a:hover {font-weight:bold;color:#191919}
.cateUnfold .catesub {background-color:#f7f7f7;}
.cateUnfold .catesub .cate {padding:3px 0 3px 25px}
.cateUnfold .catesub .cate a {background:url(./img/main/sid_icon2.gif) left 2px no-repeat;padding-left:9px; color:#707072;}
.cateUnfold .catesub .cate a:hover {font-weight:bold;color:#4DC8D8};

.small {
	font:8pt Dotum;
	letter-spacing:0px;
	padding-top:3px;
}

.small1 {
	font:8pt Dotum;
	letter-spacing:-1px;
	padding-top:3px;
}


.v8 {
	font:8pt verdana;
	letter-spacing:0px;
	padding-top:3px;
}


.v81 {
	font:8pt verdana;
	letter-spacing:-1px;
	padding-top:3px;
}


.v7 {
	font:7pt verdana;
	letter-spacing:0px;
	padding-top:3px;
}


.v71 {
	font:7pt verdana;
	letter-spacing:-1px;
	padding-top:3px;
}



/*** À¥¿¡µðÅÍ º¸Á¤ ***/
#contents p {
margin:2px 0;
}

/*** list Á¦Ç°Å¬·Ð À̹ÌÁö ***/
.Move_listClone{
	cursor:move;
	border:2px dotted #E6E6E6;
}

/*** ½ºÅ©·Ñ¹Ù Àå¹Ù±¸´ÏÁ¸,À§½Ã¸®½ºÆ® Á¸ ***/
.Cartz_imgline{
	border:1px solid #ffffff;
}

/*** ½ºÅ©·Ñ¹Ù Àå¹Ù±¸´Ï Ŭ¸¯½Ã ***/
.Cartz_click{
	border:2px dotted #cccccc;
}
.Wishz_click{
	border:2px dotted #cccccc;
}

/*** ½ºÅ©·Ñ¹Ù Àå¹Ù±¸´Ï À̹ÌÁö µå·¡±×½Ã ***/
.Cartz_move_On{
	background-color : #efefef;
}
.Cartz_move_Off{
	background-color : #ffffff;
}

/*** ½ºÅ©·Ñ¹Ù À§½Ã¸®½ºÆ® À̹ÌÁö µå·¡±×½Ã ***/
.Wishz_move_On{
	background-color : #efefef;
}
.Wishz_move_Off{
	background-color : #ffffff;
}

/*** ½ºÅ©·Ñ¹Ù »èÁ¦Á¸ À̹ÌÁö µå·¡±×½Ã ***/
.Delz_move_On{
	background-color : #efefef;
}
.Delz_move_Off{
	background-color : #ffffff;
}

/*** ÁÂÃø¸Þ´º ***/
.lnbmenu {color:#7a7a7a; font-size:11px; letter-spacing:-1;}
table.lnbMyMenu {width:100%; font-size:11px; letter-spacing:-1; text-align:left;}
table.lnbMyMenu th {background:url(./img/common/sid_icon07.gif) 93% 50% no-repeat #FAFAFC; color:#525252; text-align:left; padding:14px 0 10px 21px; border-bottom:solid 1px #E8E8E8;}
table.lnbMyMenu th.unline {border-width:0;}
table.lnbMyMenu td {border-bottom:solid 1px #E8E8E8; padding:10px 20px; line-height:19px;}

/*test52 ½ºÅ²°í¹é*/
div { padding:0; margin:0; border:none; }

.div_line { width:100%; height:1px; margin:0; padding:0; border:none; clear:both; font-size:1px; line-height:1px; background-color:#dfdfdf; }

#header_main {
	width:100%; margin:0 auto; padding:0; border:none; text-align:center; 
}

#top_1 {
	margin:0 auto; padding:0; border:none; text-align:center;
}

#top_logo { margin:0 auto; padding:39px 0 0 0; border:none; float:left; text-align:left; }

#top_menu { margin:0; padding:0; border:none; clear:both; float:left; list-style:none; }
#top_menu li { margin:0; padding:0; border:none; float:left; }
#top_menu li img { display:block; }
/*
#top_search { width:210px; height:23px; margin:0; padding:15px 0 0 0; border:none; float:right; text-align:left; }
*/
/*
.search_table { width:161px; height:23px; margin:0; padding:0; border:none; border-collapse:collapse; text-align:left; }

.search_td { margin:0; padding:0; border:solid 1px #c8c8c8; border-width:1px 0 1px 1px; }
.search_input { width:135px; height:23px; margin:0; padding:0; border:none; background-color:transparent; font-size:14px; font-weight:bold; text-align:left; color:#000; }
.search_btn { margin:0; padding:0; border:solid 1px #c8c8c8; border-width:1px 1px 1px 0; }
*/
#top_banner {  height:23px; margin:0; padding:5px 0 0 0; border:none; float:left; list-style:none; }
#top_banner li { margin:0; padding:0 0 0 3px; border:none; float:left; }
#top_banner li img { display:block; }

#top_cscenter { width:600px; margin:0; padding:0; border:none; clear:both; float:left; font-family:Arial, dutom, µ¸¿ò; font-size:10px; color:#888; line-height:36px; text-align:left; vertical-align:middle; }

#top_menu2 { width:150px; margin:0; padding:10px 0 0 0; border:none; float:right; list-style:none; }
#top_menu2 li { margin:0; padding:0; border:none; float:left; }
#top_menu2 li img { display:block; }

#top_cate { height:80px; margin:0; padding:0; border:none; clear:both; }
#t_cate { }
#r_cate { float:left; text-align:left;  }
#r_cate .catebar { height:80px; text-align:left; vertical-align:middle; }
#r_cate a.cate1 { font-family:"Times New Roman", dotum, µ¸¿ò; font-size:25px; color:#ccc; }
#r_cate a.cate1:hover { font-family:"Times New Roman", dotum, µ¸¿ò; font-size:25px; color:#ffafaf; }
.subLayer { position:absolute; display:none; width:154px; top:0px; left:0px; }
.subLayer #table_cate { background:#fff; }
#table_arrow { background:#fff; text-align:center; font-size:0px; }
#table_cate { border:solid 1px #a5a5a5; border-width:0 1px 1px 1px; }
#table_cate .cate { display:table-row; padding:3px 0 3px 17px; }
#table_cate .cate a { color:#666; font-size:12px; line-height:23px; vertical-align:middle; }
#table_cate .cate a:hover { color:#666; font-size:12px; line-height:23px; vertical-align:middle; font-weight:bold; }

#main_banner { display:none; position:relative; width:1000px; height:726px; margin:0; padding:0 0 57px 0; border:none; }
#main_banner ul { top: 745px !important; left:0px !important; width:100%; }
#main_banner ul li { padding-left:6px; }

#main_contents { margin:0 auto; padding:0; border:none; text-align:center;}
#main_contents #md_choice { margin:0; padding:0; border:none; }
.title { margin:0; padding:23px 0 37px 0; border:none; float:left; text-align:left; }
.contents { margin:0; padding:0; border:none; text-align:center; }

a.pname { font-family:Arial, dotum, µ¸¿ò; font-size:11px; text-align:left; color:#a4a4a4; }
a.pname:hover { font-family:Arial, dotum, µ¸¿ò; font-size:11px; text-align:left; color:#a4a4a4; }
a.pname2 { font-family:Arial, dotum, µ¸¿ò; font-size:11px; text-align:left; color:#a4a4a4; }
a.pname2:hover { font-family:Arial, dotum, µ¸¿ò; font-size:11px; text-align:left; color:#a4a4a4; }
a.pprice { font-family:Arial, dotum, µ¸¿ò; font-size:11px; font-weight:bold; text-align:left; color:#ff9999; }
a.pprice:hover { font-family:Arial, dotum, µ¸¿ò; font-size:11px; font-weight:bold; text-align:left; color:#ff9999; }

#footer_top { margin-top:70px; }

#footer_top #cs_contents { margin:0px; text-align:center; border-collapse:collapse; border-top:solid 1px #dfdfdf; }
#footer_top #cs_contents .border_line {  }

#cs_contents #cscenter { float:left; width:210px; text-align:left; }
#cs_contents #cscenter .cstel { margin:0; padding-top:28px; border:none; font-size:14px; color:#000; font-weight:bold; line-height:20px; vertical-align:top; }
#cs_contents #cscenter dl { list-style:none; margin:0; border:none; color:#888; font-size:12px; line-height:20px; }
#cs_contents #cscenter dl dd { margin:0; padding:0; border:none; font-weight:bold; }
#cs_contents #cscenter dl dd .txt { color:#888; font-weight:normal; }
#cs_contents #cscenter dl dd .bar { color:#c5c5c5; }

#cs_contents #bankinfo { float:left; width:189px; font-size:11px; color:#888; text-align:left; line-height:16px; }
#cs_contents #bankinfo .bold { font-weight:bold; }

#cs_contents #about { width:173px; font-size:11px; color:#888; line-height:24px;  }
#cs_contents #about .bold { font-weight:bold; }

#cs_contents #info { width:310px; font-size:11px; color:#888; line-height:24px; letter-spacing:-0.5px; }
#cs_contents #info .txt { font-weight:bold; }

#cs_contents a { color:#888; }

#footer_company { padding:0; margin:0; border:none; float:left; text-align:left; }
#footer_company p { margin:0; padding:0; border:none; font-size:11px; color:#888; }
#footer_company span { margin:0; padding:0; border:none; }
#footer_company span .txt { color:#888; }
#footer_company span .bar { color:#cbcbcb; }

.line_h17 { line-height:17px; }
.line_h20 { line-height:20px; }
.line_h23 { line-height:23px; }
.line_h50 { line-height:50px; }

#left_mypage { border:solid 1px #e5e5e5; border-width:0 1px 1px 1px; padding:17px 0 0 0; }
#left_mypage .title_mypage { font-size:12px; font-weight:bold; color:#333; text-align:left; padding:0 0 10px 15px; }
#left_mypage .line_mypage { width:100%; height:10px; line-height:10px; font-size:10px; margin:0; padding:0; text-align:left; background:url(img/common/left_line_dot.gif) repeat-x; }
#left_mypage #mem_box { padding:5px 0 0 10px; font-size:11px; color:#7a7a7a; text-align:left; }
#left_mypage #mem_box .line_mypage2 { width:170px; border-bottom:solid 1px #e0e0e0; font-size:0px; margin:0 0 10px 0; padding-top:10px; }

#left_cs { padding:17px 0 0 0; text-align:left; border:solid 1px #e0e0e0; border-width:0 1px; }
#left_cs .title_cs { font-size:12px; font-weight:bold; color:#333; text-align:left; padding:0 0 10px 15px; }
#left_cs .line_cs { width:100%; height:1px; line-height:1px; font-size:1px; margin:0; padding:0; text-align:left; background:url(img/common/left_line_dot.gif) repeat-x; }



/* yuls ½ºÅ² ¼öÁ¤ 2014-04-15 */

#top_noticearea { overflow:hidden; padding:0; margin:0; text-align:left; float:left; }
#top_noticearea .notice { overflow:hidden; padding:14px 0 12px 0 !important; margin:0 0 0 0 !important; float:left; text-align:left !important;  }
#top_noticearea .notice li { list-style:none; float:left; line-height:100%; margin-right:10px !important; text-align:left; }
.search_pd {width:165px !important; padding:14px 0 0 0 !important;  }
#main_banner { padding:0 !important;}
.div_main_line { width:100%; height:1px; margin:50px 0 30px 0; padding:0; border:none; clear:both; font-size:1px; line-height:1px; background-color:#dfdfdf; }
.yuls_main_tit { padding-bottom:45px;}
.yuls_main_tit a:link {font:normal 25px Georgia, verdana, sans-serif, arial;color:#454545;}
.yuls_main_tit a:visited {font:normal 25px Georgia, verdana, sans-serif, arial;color:#454545;}
.yuls_main_tit a:hover {font:normal 25px Georgia, verdana, sans-serif, arial;color:#000000;}
.yuls_main_tit a:active {font:normal 25px Georgia, verdana, sans-serif, arial;color:#454545;}
.sc_bn { padding:0 0 10px 10px; }

/* ÆäÀÌÄÚ¼­Ä¡ ÀÚµ¿¿Ï¼º */
.searchAutoWrap {position:relative; display:inline;}

.searchAutoWrap .inputBox {display:inline;}
.searchAutoWrap .inputBox .inputBorder{*ime-mode:active;outline:none;}

.searchAutoWrap .suggestBox {position:absolute;top:22px;left:1px;z-index:9999;width:100%;padding:0 0 0 0; width:258px;}
.searchAutoWrap .suggestBox {font-size:12px;line-height:27px;font-family:'±¼¸²',gulim,sans-serif;background-color:#fff}
.searchAutoWrap .suggestBox .list {padding:1px 0 1px;border-right:1px solid #a5a6ac;border-left:1px solid #a5a6ac;color:#000}

.searchAutoWrap .suggestBox .baseBox {/* position:relative; *//* overflow:hidden; */border:1px solid #e5333d;/* border-top:none; */border-width:0px 1px;background-color:#fff;color: #e5333d;zoom:1}
.searchAutoWrap .suggestBox ._resultBox {border-top:1px solid #e5333d;}
.searchAutoWrap .suggestBox .bottom {overflow:hidden;text-align:right;clear:both;width:100%;padding:6px 0;margin:0px;border:1px solid #e1e1e1;border-width:1px 0 0;border-bottom:1px solid #e5333d;background:#f5f5f5;color:#5d5d5d;font:11px/1.3em Dotum,Helvetica,sans-serif;letter-spacing:-1px}

.searchAutoWrap .suggestBox .baseBox ul {padding:0px;margin:0px;}
.searchAutoWrap .suggestBox .baseBox li {padding:0px;margin:0px;overflow:hidden;height:20px;padding:2px 9px 0;line-height:16px;text-align:left;cursor:pointer;white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.searchAutoWrap .suggestBox .baseBox li strong {color:#e5333d}
.searchAutoWrap .suggestBox .baseBox li.emp {background-color:#e7e7e7}
.searchAutoWrap .suggestBox .baseBox li.lastitem { border-bottom: 1px solid goldenrod; }
.searchAutoWrap .suggestBox .baseBox li.title {overflow:hidden;text-align:left;clear:both;width:100%;padding:6px 0;border:1px solid #e1e1e1;border-width:1px 0 0;background:#f5f5f5;color:#5d5d5d;font:13px/1.3em Dotum,Helvetica,sans-serif;}

/***********************************************************************************************************************************************/
/**ÃʱâÈ­ ¼³Á¤Çϱâ*/

body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"Noto Sans KR",sans-serif;font-size:13px;font-weight:normal}
.clear:after {
	clear:both;
	content: "";
	display:block;
}
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option , a, p, span{color:#555;font-family:"Noto Sans KR","NanumGothic",'Nanum Gothic',"µ¸¿ò",dotum,sans-serif;font-size:13px;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
a:hover{color:#555;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.clear2 {clear:both;}
.clear:after {
	clear:both;
	content: "";
	display:block;
}


/**»ó´Ü ¸Þ´º*/
#header_main {
	    max-width: 1920px;
    min-width: 1400px;
}
#menuTop {
	width:100%;
	max-width:1920px;
	min-width:1400px;
	margin:auto;
	border-bottom:1px solid #d4d4d4;
}
#menuTop .Top {
	width:100%;
	background:#2c323e;
	margin:auto;
	padding:8px 0;
}
#menuTop .Top ul {
	width:1400px;
	margin:auto;
	overflow:hidden;

}
#menuTop .Top ul li {float:right;position: relative;}
#menuTop .Top ul li:after {
	content:"";
	display:block;
	width:1px;
	height:6px;
	position: absolute;
	left:0;
	top:8px;
	background:#5e5e5e;
}
#menuTop .Top ul li:last-child:after {display:none;}
#menuTop .Top ul li a {
	display:inline-block;
	padding:0 10px;
}

#menuTop .body {
	width:1400px;
	margin:auto;
}
#menuTop .body .logo {float:left;}
#menuTop .body #menu {float:right;margin-right:40px;}
#menuTop .body #menu > li {float:left;margin-right:80px;}
/*
#menuTop .body #menu > li:nth-child(1) {margin-right:80px;}
#menuTop .body #menu > li:nth-child(2) {margin-right:80px;}
#menuTop .body #menu > li:nth-child(3) {margin-right:80px;}
#menuTop .body #menu > li:nth-child(4) {margin-right:80px;}
#menuTop .body #menu > li:nth-child(5) {margin-right:136px;}
*/
#menuTop .body #menu > li > a {
	line-height:69px;
	font-size:15px;
	font-weight:500;
	color:#111111;
	display: block;
	position: relative;
} 
#menuTop .body #menu > li > a:after {
	content:"";
	display:block;
	width:0;
	height:3px;
	position: absolute;
	left:50%;
	bottom:-1px;
	background:#7180c3;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#menuTop .body #menu > li.on > a:after,
#menuTop .body #menu > li:hover > a:after {
	width:100%;
	left:0;
}
#menuTop .body #top_search {
	float:right;
	padding-top:15px;
}

#menuTop .body #top_search #sword {
	width:318px;
	padding:0 15px;
	height:40px;
	line-height:40px;
	border:1px solid #d8d8d8;
	background:#fbfbfb;
	font-size:14px;
	color:#555;
}

#menuBody {
	width:100%;
	height:314px;
	position: relative;
	text-align:center;
}
#menuBody > h3 {
	line-height:70px;
	height:70px;
	color:#fff;
	font-weight:500;
	font-size:38px;
	padding-top:60px;
}
#menuBody > .h3Bar {
	display:inline-block;
	width:21px;
	height:1px;
	background:#fff;
	margin-bottom:18px;
}
#menuBody > p {
	line-height:24px;
	color:rgba(255,255,255,0.9);
	font-size:20px;
	    font-weight: 300;
}
#menuBody  > .subMenu {
	border-top:1px solid rgba(255,255,255,0.2);
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
	
}
#menuBody  > .subMenu > li {
	display:inline-block;
}
#menuBody  > .subMenu > li > a {
	display:inline-block;
	width:130px;
	height:58px;
	line-height:58px;
	font-size:15px;
	color:#fff;
}
#menuBody  > .subMenu > li.on > a {
	background:#1b2478;
}

#pageTitle {
	width:1400px;
	margin:80px auto 42px; 
	padding-top:17px;
	text-align:center;
	background: url(images/mirror/page/pageTitle.jpg) center top no-repeat;
}
#pageTitle > h3 {
	line-height:50px;
	height:50px;
	margin-bottom:3px;
	font-size:36px;
	font-weight:500;
	color:#1b2478;
	padding-top: 5px;
}
#pageTitle > p {
	font-size:18px;
	line-height:24px;
	color:#888888;
}
/**************************/
/*watch main */
#watchMain {
	width:100%;
	max-width:1920px;
	min-width:1400px;
	margin:auto;
}
#watchMain .visual {
	width:100%;
	position: relative;
}
#watchMain .visual  .visualSlider img {width:100%;}
#watchMain #visual-next,
#watchMain #visual-prev {
	position: absolute;
    z-index: 1000;
	top:50%;
	margin-top:-29.5px;
}
#watchMain #visual-next {
	right:50px;
}
#watchMain #visual-prev {
	left:50px;
}
#watchMain #visual-pager {
	position: absolute;
    z-index: 1000;
	text-align:center;
	width:100%;
	bottom:53px;
}
#watchMain #visual-pager a {
	display:inline-block;
	position: relative;
}
#watchMain #visual-pager a:after {
	position: relative;
	top:-2.5px;
	content:"";
	display:inline-block;
	width:0;
	height:1px;
	background:#fff;
	margin:0 9px;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#watchMain #visual-pager a.active:after {width:70px;}
#watchMain #pos_scroll {
	 position: absolute;
    right:50px;
	z-index: 1100;
}
#productBest {
	width:100%;
	min-height:751px;
	max-width:1920px;
	min-width:1400px;
	background:url(images/mirror/main/productBest_bg.jpg) center top no-repeat;
	position: relative;
}
#productBest .product {
	width:1400px;
	text-align:center;
}
#productBest > #productBtn {
	position: absolute;
	left:50%;
	margin-left:-30px;
	top:-30px;
}

#productBest >  .product {
	width:1400px;
	margin:auto;
	text-align:center;
}
#productBest >  .product > h3 {
	padding-top:111px;
}
#productBest >  .product > p {
	padding-top:25px;
	line-height:24px;
	color:#666666;
	font-size:15px;
	margin-bottom:94px;

}
#productBest >  .product > h4 {
	margin-bottom:32px;
}
#productBest  .bestList  {
	width:1400px;
	margin:0 auto 70px;
	position: relative;
}
#productBest  .bestList .list .bestImg {
	width:220px;
	height:220px;
}
#productBest  .bestList .list .tit {
	line-height:30px;
	font-size:15px;
	color:#666666;
}
#productBest  .bestList .list .tit .category {
	font-weight:500;
	font-size:15px;
	color:#222222;
}

#productBest  .bestList .list .money {
	line-height:36px;
	font-size:16px;
	color:#f21453;
}
#productBest  .bestList .list .money  img {padding-right:5px;}

#productBest #product-next,
#productBest #product-prev {
	position: absolute;
    z-index: 1000;
	top:50%;
	margin-top:-55px;
}
#productBest #product-next {
	right:-40px;
}
#productBest #product-prev {
	left:-40px;
}
#productBest #newsproduct-next,
#productBest #newsproduct-prev {
	position: absolute;
    z-index: 1000;
	top:50%;
	margin-top:-55px;
}
#productBest #newsproduct-next {
	right:-40px;
}
#productBest #newsproduct-prev {
	left:-40px;
}

#more {
	width:100%;
	height:840px;
	padding-top:90px;
	max-width:1920px;
	min-width:1400px;
	margin:0 auto 194px;
	background:#f6f5fa;
}
#more .box {
	width:1400px;
	margin:auto;
}

#more .box .category {
	width:1400px;
}

#more .box .category > h3 {
	margin-bottom:30px;
	text-align:center;
}
#more .box .category> .h3_view {text-align:right;}
#more .box .category> .list {
	width:100%;
	overflow:hidden;
	margin:20px auto 0;
}
#more .box .category> .list > li {
	float:left;
	position: relative;
	margin-left:10px;
	margin-bottom:10px;
}
#more .box .category> .list > li:first-child {margin-left:0;}
#more .box .category> .list > li .text {
	position: absolute;
	width:100%;
	height:100%;
	padding:7px;
	box-sizing: border-box;
	left:0;
	top:0;
}
#more .box .category> .list > li .over {
	position: absolute;
	width:100%;
	height:100%;
	box-sizing: border-box;
	left:0;
	top:0;
	background:url(images/mirror/main/category_over.png) center no-repeat,linear-gradient(-45deg, rgba(245, 154, 158, .8) , rgba(221, 166, 229, .8)) ;
	z-index:100;
	opacity: 0;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#more .box .category> .list > li:hover .over {opacity: 1;}
#more .box .category> .list > li .text  .t_box {
	border:1px solid #fff;
	width:100%;
	height:100%;
	z-index:110;
	position: relative;
	opacity: 0.8;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#more .box .category> .list > li:hover .text  .t_box {opacity: 0.35;}
#more .box .category> .list > li .subtitle {
	position: absolute;
	left:30px;
	top:23px;
}
#more .box .category> .list > li .subtitle p {
	line-height:30px;
	font-size:17px;
	color:#333333;
	font-weight:500;
}
#more .box .category> .list > li .subtitle p span {color:#fff;font-size:17px;font-weight:500;}
#more .box .category> .list > li .subtitle .bar {
	width:15px;
	height:2px;
	background:#333333;
}
#more .box .board {
	width:1400px;
	margin:80px auto;
	overflow:hidden;	
}
#more .box .board > li {
	float:left;
	border:1px solid #dfdfdf;
	border-left:0px;
}
#more .box .board > li {
	width:317px;
	height:302px;
	padding: 42px 16px 0;
	background:url(images/mirror/main/board_bg.gif);
	text-align:center;
}
#more .box .board > li.notice {
	width:614px;
	padding: 42px 42px 0;
	border-left:1px solid #dfdfdf;
	background:#fff;
	text-align:left;
}
#more .box .board > li .h3Bar {
	width:24px;
	height:1px;
	background:#363a4d;
	display:inline-block;
	margin-top:14px;
}
#more .box .board > li .Img {
	margin-top:34px;
}
#more .box .board > li  h4 {
	margin:12px 0;
	line-height:24px;
	color:#7d7d7d;
	font-size:14px;
	letter-spacing: -1px;
	font-weight:400;
}
#more .box .board > li .readMore {
	display:inline-block;
	width:206px;
	height:51px;
	line-height:51px;
	color:#fff;
	font-weight:500;
	font-size:12px;
	background:#947ba8;
}
#more .box .board > li .cs {
	text-align:left;
	padding-left:65px;
	font-size:13px;
	color:#959595;
	line-height:20px;
}
#more .box .board > li .cs span {
	font-weight:500;
	color:#7d7d7d;
}


#more .box .board > li  .noticeList {
	margin-top:25px;
}
#more .box .board > li  .noticeList li {
	display:block;
	width:100%;
	overflow:hidden;
}
#more .box .board > li .noticeList .first {
	padding-bottom:13px;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:20px;
}

#more .box .board > li  .noticeList .noticeImg {
	float:left;
	width:150px;
	height:106px;
	margin-right:20px;
}
#more .box .board > li  .noticeList .text {
	float:left;
	width:444px;
}
#more .box .board > li  .noticeList .text h5 {
	padding-top:2px;
	line-height:32px;
	height:32px;
	overflow:hidden;
	padding-right:70px;
	font-size:19px;
	color:#222222;
	font-weight:500;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
}
#more .box .board > li  .noticeList .text p {
	line-height:22px;
	height:44px;
	padding-right:70px;
	overflow:hidden;
	font-size:15px;
	color:#888888;
}
#more .box .board > li  .noticeList .text .view {
	float:left;
	padding-top:8px;
}
#more .box .board > li  .noticeList .text .date {
	line-height:21px;
	height:21px;
}


#more .box .board > li .noticeList .title {
	float:left;
	width:515px;
	padding:0;
	line-height:25px;
	color:#878787;
	font-size:15px;
	font-weight:400;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
	overflow:hidden;
}
#more .box .board > li .noticeList .date {
	float:right;
	width:80px;
	text-align:center;
	line-height:25px;
	color:#c0c0c0;
	font-size:14px;
}
#instagram {
	width:100%;
	min-width:1400px;
	max-width:1920px;
	margin:0 auto 100px;
	padding-top:90px;
	position: relative;
	text-align:center;
}
#instagram > h2 {
	margin-bottom:52px;
}
#instagram .instagram_bx .img{
	width:248px;
	height:248px;
}

#instagram .instagram_bx .img .over {
	width:100%;
	height:100%;
	/*-webkit-transition: all 0.35s;
    transition: all 0.35s;*/
	background:rgba(0,0,0,0.8);
	opacity:0;
	text-align:center;
}
#instagram .instagram_bx .img .over:hover  {opacity:1;}
#instagram .instagram_bx .img .over h3 {
	padding-top:90px;
	line-height:20px;
	font-size:24px;
	color:#fff;
	font-weight:500;
	margin-bottom:28px;
}
#instagram .instagram_bx .img .over h3 img {
	padding-right:6px;
	position: relative;
	top:-2px;
}
#instagram .instagram_bx .img .over p {
	line-height:25px;
	font-size:15px;
	color:#fff;
}

/**footer*/
#footer {
	width:100%;
	max-width:1920px;
	min-width:1400px;
	border-top:2px solid #a0a0a0;
	border-bottom:1px solid #d2d2d2;
	margin:0 auto 0;
	padding-bottom:42px;

}
#footer .footerTop {
	width:100%;
	padding:9px 0 7px;
	background:#f9f9f9;
	border-bottom:1px solid #f9f9f9;
}
#footer .w1400 {
	width:1400px;
	margin:auto;
	overflow:hidden;
}
#footer .footerTop .menu {
	float:left;
	overflow:hidden;
}
#footer .footerTop .menu > li {
	float:left;
	position: relative;
}
#footer .footerTop .menu > li:after {
	content:"";
	display:block;
	position: absolute;
	right:0;
	top:10px;
	height:12px;
	width:1px;
	background:#dddddd;
}
#footer .footerTop .menu > li:last-child:after {display:none;}
#footer .footerTop .menu > li  a {
	line-height:32px;
	height:32px;
	padding:0 16px;
	display:block;
	font-size:13px;
	color:#707070;
	font-weight:500;
}
#footer .footerTop .sns {
	float:right;
	overflow:hidden;
}
#footer .footerTop .sns > li {float:left;margin-left:4px;}
#footer .footerBody {
	width:1400px;
	padding-top:25px;
	margin:0 auto;
	overflow:hidden;
}

#footer .footerBody .add {
	float:left;
	width:756px;
	position: relative;
	overflow:hidden;
}	
#footer .footerBody .add .logo {
	padding-right:35px;
	float:left;

}
#footer .footerBody .add address {
	float:left;
	width:514px;
	font-size:13px;
	color:#959595;
	line-height:23px;
	font-weight:500;
	letter-spacing: -0.5px;
}
#footer .footerBody .add address .copy {
	display:block;
	padding-top:12px;
	line-height:23px;
	color:#b8b8b8;
	font-size:12px;
	font-weight:500;
}
#footer .footerBody .box {
	height:111px;
	position: relative;
	float:left;
	padding-left:35px;
}
#footer .footerBody .box:before {
	content:"";
	display:block;
	position: absolute;
	left:0;
	top:5px;
	height:101px;
	width:1px;
	background:#dddddd;
}
#footer .footerBody .box01 {
	width:212px;
}
#footer .footerBody .box01 .img {
	padding-top:20px;
}
#footer .footerBody .box02 {
	width:362px;
}

#footer .footerBody .box h3 {
	line-height:23px;
	color:#222222;
	font-size:13px;
	font-weight:bold;
}

#footer .footerBody .box02 p {
	line-height:21px;
	font-size:13px;
	color:#707070;
	letter-spacing: -1px;
	font-weight:500;
	padding:6px 0 8px;
}
#footer .footerBody .box02 .btn {
	width:107px;
	height:25px;
	line-height:25px;
	color:#707070;
	font-weight:bold;
	text-align:center;
	display:block;
	border:1px solid #e0e0e0;
	background:#f9f9f9;
	font-size:11px;
	letter-spacing: -1px;
}


/*************/
.m00 {
	width:100%;
	min-width:1400px;
	max-width:1920px;
	margin:auto;
}
.m21 {
	width:100%;
	min-width:1400px;
	max-width:1920px;
	margin:auto;
}

.m21 .box {
	width:100%;
	min-width:1400px;
	padding:80px 0;
}

.m21 .box > .item {
	width:1400px;
	margin:auto;
	position: relative;
	
}
.m21 .box > .item .img{
	position: absolute;
	top:40px;
}
.m21 .box.left > .item .img{left:-10px;}
.m21 .box.right > .item .img{right:-1px;}


.m21 .box > .item .text {
	padding-top:65px;
	min-height:425px;
	
}

.m21 .box.left {
	background:#f6f5fa;	
}

.m21 .box.left .item .text{
	background:#fff;
	float:right;
	padding-left:154px;
	width:696px;
}

.m21 .box.right .item .text{
	background:#f6f5fa;
	float:left;
	padding-left:75px;
	width:775px;
}


.m21 .box > .item .text h3 img{
	vertical-align: bottom;
}
.m21 .box > .item .text h3 span {
	font-size:28px;
	color:#000000;
	padding-left:25px;
	position: relative;
}

.m21 .box > .item .text h5 {
	line-height:28px;
	color:#505050;
	font-size:16px;
	margin-top:24px;
	letter-spacing: -1px;
	min-height:168px;
	padding-bottom:21px;
}
.m21 .box > .item .text h5 span {
	display:block;
	margin-top:14px;
	font-size:14.5px;
	color:#797979;
}

.m21 .box > .item .text .h5Bar {
	width:590px;
	height:1px;
	background:#e5e5e5;
	margin-bottom:21px;
}
.m21 .box > .item .text p {
	padding-left:18px;
	font-size:16px;
	color:#505050;
	background:url(images/mirror/page/m21_p.jpg) left 12.4px no-repeat;
	line-height:28px;
}

/*»ç¾÷¿µ¿ª > ½Ã¼³¼Ò°³*/
.m22 .pageTxt{text-align:center; font-size: 18px; line-height: 24px; color: #888888;}
.m22 section{position:relative; z-index:1;}
.m22 section *{box-sizing:border-box;}
.m22 section .img.type1 img{display:block;max-width:100%;}
.m22 section .txt1{font-size:16px;color:#505050;line-height:1.6;letter-spacing: -0.5px;}
.m22 section .inner{position:relative; width:1400px; margin:0 auto;}
.m22 section .sec_title{text-align: center;font-size: 48px;color: #000000;font-weight: 500;letter-spacing: -0.5px;line-height: 1.4;}
.m22 section .con_title{display: inline-block;text-align:center;font-size: 36px;color: #000;letter-spacing: -1px;font-weight: 500;border-bottom: 1px solid #000;line-height: 1em;}
.m22 section .con_title.type2{font-size: 48px;display: block;border-bottom: 0;margin-bottom: 0;}
.m22 section .item_l{text-align: center;margin: 0 auto;display: inline-block;background: #b7ccd7;font-size: 20px;color: #231815;font-weight: 500;line-height: 1em;padding: 7px 35px 7px 35px;margin-top: 18px;letter-spacing: -0.5px;}
.m22 section .item_l b{font-weight: 600;}
.m22 section .item_l span{font-size:20px;font-weight:400;color:#231815;}
.m22 .sec1{padding:110px 0 120px 0; background:#f6f5fa;}
.m22 .sec1 .con_title1{text-align: center;font-size: 36px;color: #000000;font-weight: 500;margin-bottom: 55px;}
.m22 .sec1 .con_title1 span{display:inline-block;font-size: 40px; color: #1d327f; font-weight: 500;}
.m22 .sec1 .con_title1 span:after{display:block;content:"";width:100%;height:1px;margin-top: -11px;background:#1d327f;}
.m22 .sec1 .contents{position: relative;display: flex;flex-wrap: wrap;}
.m22 .sec1 .con_g1 .contents .text_g{background: #ffffff;width: 855px;padding: 80px 170px 100px 80px;text-align: left;}
.m22 .sec1 .con_g1 .text_g .tit{font-size: 36px;color: #000000;font-weight: 300;letter-spacing: -1px;}
.m22 .sec1 .con_g1 .text_g .tit b{font-weight: 500;}
.m22 .sec1 .con_g1 .text_g .txt2{font-size: 20px;color: #505050;margin: 18px 0 9px;}
.m22 .sec1 .con_g1 .text_g .txt2 b{font-weight: 500;color: #000000;}
.m22 .sec1 .con_g1 .text_g .point_txt{font-size: 36px;line-height: 1em;color: #c61c1c;font-weight: 500;text-transform: uppercase;margin-bottom: 30px;padding-bottom: 25px;border-bottom: 1px solid #cfd1d3;}
.m22 .sec1 .con_g1 .text_g .list_wrap{display: flex;flex-wrap: wrap;}
.m22 .sec1 .con_g1 .text_g .list_wrap li{position: relative;width: 50%;max-width: 250px;text-transform: uppercase;padding-left: 15px;}
.m22 .sec1 .con_g1 .text_g .list_wrap li:before{display:block;content:"";position: absolute;top: 11px;left: 0;width: 3px;height: 3px;background: #323091;}
.m22 .sec1 .con_g1 .text_g .list_wrap li:nth-child(n+3){margin-top: 2px;}
.m22 .sec1 .con_g1 .text_g a{display: inline-block;margin-top: 26px;border: 1px solid #e7e7e7;}
.m22 .sec1 .con_g1 .img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.m22 .sec1 .con_g2{text-align: center;padding-top: 85px;}
.m22 .sec1 .con_g2 .list_wrap{display: flex;flex-wrap: wrap;margin-top: 50px;}
.m22 .sec1 .con_g2 .list_wrap .list{width: calc(20% - 8px);}
.m22 .sec1 .con_g2 .list_wrap .list + .list{margin-left: 10px;}
.m22 .sec1 .con_g2 .list_wrap .list .tit{position: relative;width: 160px;height: 160px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: #000;color: #fff;font-size: 20px;border-radius: 50%;line-height: 1em;font-weight: 500;margin: 0 auto;z-index: 1;}
.m22 .sec1 .con_g2 .list_wrap ul{background: #fff;min-height: 355px;margin-top: -85px;padding: 105px 15px 30px;text-align: left;border: 1px solid #e7e7e7;word-break: keep-all;}
.m22 .sec1 .con_g2 .list_wrap ul li{position: relative;padding-left: 10px;}
.m22 .sec1 .con_g2 .list_wrap ul li:before{display: block;position: absolute;top: 11px;left: 0;width: 3px;height: 3px;background: #323091;content:"";}
.m22 .sec1 .con_g2 .list_wrap ul li + li{margin-top: 3px;}
.m22 .sec1 .con_g3{padding-top: 110px;text-align: center;}
.m22 .sec1 .con_g3 .list_wrap{display: flex;flex-wrap: wrap;margin-top: 65px;}
.m22 .sec1 .con_g3 .list_wrap li{width: 50%;text-align: left;}
.m22 .sec1 .con_g3 .list_wrap li:nth-child(n+3){margin-top: 45px;}
.m22 .sec1 .con_g3 .list_wrap .img{margin-top: 20px;}
.m22 .sec1 .con_g3 .list_wrap .text{display: flex;flex-wrap: wrap;margin-top: 17px;}
.m22 .sec1 .con_g3 .list_wrap .text b{font-size: 20px;color: #000000;font-weight: 500;margin: -4px 15px 0 0;}
.m22 .sec1 .con_g4{padding-top: 90px;text-align: center;}
.m22 .sec1 .con_g5{padding-top: 90px;text-align: center;}
.m22 .sec1 .list_wrap.type2{margin-top: 40px;display: flex;flex-wrap: wrap;}
.m22 .sec1 .list_wrap.type2 li{margin-right: 10px;width: calc(33.3333333% - 6.666666666666667px);}
.m22 .sec1 .list_wrap.type2 li:nth-child(3n){margin-right: 0;}
.m22 .sec1 .list_wrap.type2 li:nth-child(n+4){margin-top: 10px;}
.m22 .sec1 .list_wrap.type2 li.text_g{border: 4px solid #e7e7e7;text-align: left;padding: 0 40px 0 55px;display: flex;flex-wrap: wrap;align-items: center;}
.m22 .sec1 .list_wrap.type2 li.text_g .tit{font-size: 36px;color: #1d327f;font-weight: 700;font-family: 'Montserrat';letter-spacing: -1px;}
.m22 .sec1 .list_wrap.type2 li.text_g .sub_tit{font-size: 20px;color: #505050;font-weight: 700;letter-spacing: -0.25px;font-family: 'Montserrat';margin: 4px 0 20px;}
.m22 .sec1 .list_wrap.type2 li.text_g .txt1{color: #888888;font-weight: 400;letter-spacing: 0;}
.m22 .sec2{padding:120px 0 100px 0;text-align: center;}
.m22 .sec2 .contents{position: relative;display: flex;flex-wrap: wrap;margin-top: 70px;height: 590px;}
.m22 .sec2 .contents .img_g{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.m22 .sec2 .contents .con_g{position: absolute;background: #f6f5fa;width: 855px;padding: 75px 90px 75px 150px;text-align: left;right: 0;}
.m22 .sec3{padding:120px 0 120px 0;background: #f6f5fa url(/shop/data/skin/standard/images/mirror/page/about_sec4_bg.jpg)no-repeat top -62px right 140px;text-align: center;}
.m22 .sec3 .item_l{padding: 7px 15px 7px 15px;}
.m22 .sec3 .contents{margin-top: 70px;}
.m22 .sec3 .list_wrap{display: flex;flex-wrap: wrap;}
.m22 .sec3 .list_wrap li{width: calc(33.33333% - 6.6666667px);}
.m22 .sec3 .list_wrap li:before{display:block; content:"";}
.m22 .sec3 .list_wrap li + li{margin-left: 10px;}
.m22 .sec3 .list_wrap .bold{margin-top: 10px !important;color: #111111;font-weight: 500;}
.m22 .sec3 .list_wrap .txt1{margin-top: 5px;text-align: left;padding-left: 10px;position: relative;}
.m22 .sec3 .list_wrap .txt1:before{display: block;position: absolute;top: 11px;left: 0;width: 3px;height: 3px;background: #323091;content:"";}
.m22 .sec3 .con2{margin-top: 50px;background: #f1f0f4;border: 1px solid #e0dfe4;padding: 45px 0 35px 0;}
.m22 .sec3 .con2 .item_g{display: flex;flex-wrap: wrap;justify-content: center;}
.m22 .sec3 .con2 .item_g .item{width: 270px;}
.m22 .sec3 .con2 .item_g .tit{width: 210px;height: 65px;border-radius: 65px;border: 2px solid #000000;line-height: 63px;font-size: 20px;color: #000000;font-weight: 500;margin: 0 auto 15px;}
.m22 .sec3 .con3{padding-top: 80px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m22 .sec3 .con3 > *{width: 48%;text-align: left;}
.m22 .sec3 .con3 .con_title{margin-bottom: 40px;}
.m22 .sec3 .con3 .con3_r .img + .img{margin-top: 10px;}
.m22 .sec4{padding:110px 0 140px 0;text-align: center;}
.m22 .sec4 .sub_tit{font-size: 20px;color: #231815;font-weight: 500;margin-top: 15px;}
.m22 .sec4 .item_l{margin-top: 5px;}
.m22 .sec4 .img_g{margin-top: 60px;display: flex;flex-wrap: wrap;}
.m22 .sec4 .img_g .img{width: calc(33.33333% - 6.66667px);}
.m22 .sec4 .img_g .img + .img{margin-left: 10px;}
.m22 .sec4 .text_g{margin-top: 10px;height: 280px;display: flex;flex-wrap: wrap;align-items: center;padding: 0 70px;text-align: left;background: #f7f7f7;border: 1px solid #e0dfe4;}
.m22 .sec4 .text_g > *{width: 50%;}
.m22 .sec4 .text_g .list_wrap{border-right: 1px solid #bfc9d6;}
.m22 .sec4 .text_g .list_wrap li{position: relative;font-size: 20px;color: #000000;background: #f6f5fa url(/shop/data/skin/standard/images/mirror/page/about_sec5_check_i.png)no-repeat top left;padding-left: 46px;min-height: 30px;letter-spacing: -1px;z-index: 1;}
.m22 .sec4 .text_g .list_wrap li:before{display:block; content:"";}
.m22 .sec4 .text_g .list_wrap li + li{margin-top: 10px;}
.m22 .sec4 .text_g .list_wrap b{position:relative; display:inline-block; font-weight: 500;}
.m22 .sec4 .text_g .list_wrap b:before{display:block;content:"";position: absolute;bottom: 2px;width: 103%;left: 50%;height: 14px;background: #bfc9d6;z-index: -1;transform: translateX(-50%);}
.m22 .sec4 .text_g .g_2{padding-left: 70px;font-size: 20px;color: #505050;font-weight: 500;letter-spacing: -1px;line-height: 1.8;}













.m31 {}
.m31 .section {width:100%;}
.m31 .section01 {
	padding:80px 0;
	text-align:center;
	background:#f6f5fa;
}
.m31 .section02 {
	padding: 80px 0 67px;
}
.m31 .section03 {
	padding:85px 0 180px;
}
.m31 .section .box {
	width:1400px;
	margin:auto;
}


.m31 .section .box .m31Title {
	text-align:center;
	padding-top:17px;
	background: url(images/mirror/page/m31Title.png) center top no-repeat;
	margin-bottom:42px;
}
.m31 .section .box .m31Title > h3 {
	line-height:50px;
	height:50px;
	margin-bottom:3px;
	font-size:36px;
	font-weight:500;
	color:#1b2478;
	padding-top: 5px;
}
.m31 .section .box .m31Title > p {
	font-size:18px;
	line-height:24px;
	color:#888888;
}

.m31 .section02 .box ul {
	width:1400px;overflow:hidden;
	padding-top:120px;
}
.m31 .section02 .box ul > li {
	float:left;margin-left:13.33333px;
	position: relative;
}
.m31 .section02 .box ul > li:first-child {margin-left:0;} 
.m31 .section02 .box ul > li:nth-child(odd) {top:-120px;}
.m31 .section02 .box ul > li .text {
	border-left: 4px solid #1b2478;
	padding-left:17px;
	width:auto;
	height:82px;
}
.m31 .section02 .box ul > li .text h3 {
	line-height:34px;
	padding-top:9px;
	font-size:22px;
	color:#1f1f1f;
	font-weight:500;
}
.m31 .section02 .box ul > li .text p {
	line-height:30px;
	font-size:16px;
	color:#505050;
}

.m31 .section03 .box > ul {
	width:1175px;
	padding:76px 111.5px 18px;
	border:1px solid #d5d5d5; 
	background:#fff;
	overflow:hidden;
	text-align:center;
}
.m31 .section03 .box > ul > li {margin-right:20px;margin-bottom:42px;float:left;}
.m31 .section03 .box > ul > li:nth-child(5n) {margin-right:0;}
.m31 .section03 .box > ul > li h3 {
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#505050;
}


.m42 {
	background:#f6f5fa;
	padding: 88px 0;
}
.m42 .box {
	width:1400px;
	margin:auto;
	padding:67px 0 70px;
	background:#fff;
}

.m42 .box .m42Title {
	text-align:center;
	padding-bottom:40px;
	border-bottom:1px solid #dcdcdc;
}

.m42 .box .m42Title .m42TitleBar {
	margin-top:30px;
	display:inline-block;
	width:1px;
	height:40px;
	background:#c9c9c9;
}
.m42 .box .m42Title h2 {
	margin-bottom:6px;
	line-height:90px;
	font-size:34px;
	color:#000000;
}
.m42 .box .m42Title h2 span {
	font-weight:500;
	line-height:90px;
	font-size:34px;
	color:#000000;
}
.m42 .box .m42Title p {
	font-size:16px;
	color:#505050;
	font-weight:500;
	line-height:26px;
}

.m42 .box > ul.list {
	width:1050px;
	margin:63px auto 0;
	overflow:hidden;
	padding-top:82px;
	text-align:center;
}
.m42 .box > ul.list > li {
	position: relative;
	float:left;
	width:350px;
}

.m42 .box > ul.list > li:before {
	position: absolute;
	left:0;
	top:-82px;
	content:"";
	display:block;
	width:121px;
	height:82px;
}
.m42 .box > ul.list > li .text {
	width:305px;
	padding-left:45px;
	text-align:left;
}
.m42 .box > ul.list > li .img {text-align:center;padding-top:24px;}


.m42 .box > ul.list > li:nth-child(1) {background:#ff5a5e;top:118px;height:239px;}
.m42 .box > ul.list > li:nth-child(2) {background:#2fb4ba;top:59px;height:298px;}
.m42 .box > ul.list > li:nth-child(3) {background:#7d65c1;height:357px;}
.m42 .box > ul.list > li:nth-child(1):before {background:url(images/mirror/page/m42_level01.jpg) left top no-repeat;}
.m42 .box > ul.list > li:nth-child(2):before {background:url(images/mirror/page/m42_level02.jpg) left top no-repeat;}
.m42 .box > ul.list > li:nth-child(3):before {background:url(images/mirror/page/m42_level03.jpg) left top no-repeat;}

.m42 .box > ul.list > li:nth-child(2) .text {padding-top:46px;}
.m42 .box > ul.list > li:nth-child(3) .text {padding-top:59px;}
.m42 .box > ul.list > li h3 {
	height:58px;
	line-height:58px;
	font-size:20px;
	color:#fff;
	font-weight:500;
	border-bottom:1px solid rgba(255,255,255,0.7);
}
.m42 .box > ul.list > li .text p {
	line-height:30px;
	padding-left:12px;
	color:#fff;
	font-size:15px;
	background:url(images/mirror/page/m42_p.png) left 12.5px no-repeat;
}
.m51 {
	padding-top:80px;
	height:600px;
	background:#f6f5fa;
	margin-bottom:253px;
}

.m51 .w1400 {
	width:1400px;
	margin:auto;
}

.m51 .top {
	width:1400px;
	position: relative;
	margin-bottom:50px;
}
.m51 .top > .img {
	position: absolute;
	left:-10px;
	top:40px;
}
.m51 .top > .img p {
	font-size:15px;
	color:#838383;
	margin-top:15px;
}
.m51 .top > .text {
	float:right;
	width:753px;
	height:490px;
	padding-left:97px;
	background:#fff;
	text-align:center;
}
.m51 .top > .text > h5 {
	padding:65px 0 30px;
}
.m51 .top > .text > .h5Bar {
	display:inline-block;
	width:1px;
	height:40px;
	background:#b2b2b2;
	margin-bottom:23px;
}
.m51 .top > .text > h3 {
	line-height:43px;
	color:#000000;
	font-size:34px;
	margin-bottom:28px;
}
.m51 .top > .text > h3 span {
	font-weight:500;
	color:#000000;
	font-size:34px;
}
.m51 .top > .text > p {
	line-height:28px;
	color:#505050;
	font-size:16px;
	font-weight:500;
	text-align:left;
	padding-left: 45px;
    letter-spacing: -0.5px;
}
.m51 .bottom {
	width:1400px;
	margin:auto;
}
.m51 .bottom > .text {
	float:left;
	position: relative;
	top:-6px;
	line-height:28px;
	color:#505050;
	font-size:16px;
	font-weight:500;
	letter-spacing: -1px;
}
.m51 .bottom .img {float:right;width:728px;}
.m51 .bottom .img  > li:first-child {margin-right:0;}
.m51 .bottom .img  > li {float:right;margin-right:18px;}
.m51 .bottom .img  > li.text {
	float:left;
	font-size:15px;
	color:#838383;
	padding-top:12px;
}
.m52 .section01{
	padding:78px 0 100px;
	background:#f6f5fa;
	text-align:center;
	position: relative;
}
.m52 .section01 .bar {
	width:1px;
	height:1624px;
	background:#1b2478;
	display:inline-block;
}
.m52 .section01 .barBottom {
	width:27px;
	height:1px;
	background:#1b2478;
	display:inline-block;
}
.m52 .section01 .list {
	position: absolute;
	width:1400px;
	left:50%;
	margin-left:-700px;
	top:70px;
}
.m52 .section01 .list li {
	position: relative;
}
.m52 .section01 .list li:after {
	position: absolute;
	content:"";
	display:block;
	width:13px;
	height:13px;
	background:#1b2478;
	left:50%;
	top:7px;
	margin-left:-7px;
	border-radius: 50%;

}
.m52 .section01 .list li > .year {
	position: absolute;
	font-size:40px;
	color:#000000;
	font-weight:500;
}

.m52 .section01 .list li.right {padding-left:754px;}
.m52 .section01 .list li.right > .year {
	left:50%;
	margin-left:-150px;
}
.m52 .section01 .list li.left {padding-right:754px;}
.m52 .section01 .list li.left > .year {
	right:50%;
	margin-right:-150px;
}
.m52 .section01 .m52_table {
	width:646px;
	padding-bottom:60px;
	
}
.m52 .section01 .list li.right .m52_table {text-align:left;}
.m52 .section01 .list li.left .m52_table {text-align:right;}

.m52 .section01 .m52_table th {
	width:54px;
	font-size:16px;
	color:#505050;
	font-weight:500;
	vertical-align:top;
	line-height:28px;
	letter-spacing: -0.5px;
}
.m52 .section01 .m52_table td {
	line-height:28px;
	color:#505050;
	font-size:16px;
	padding-bottom:13px;
	letter-spacing: -0.5px;
}

.m52 .section02 {
	width:1400px;
	margin:auto;
	padding:72px 0 47px;
	text-align:center;
}
.m52 .section03  > h3,
.m52 .section02  > h3 {
	line-height:50px;
	margin-bottom:3px;
	font-size:36px;
	font-weight:500;
	color:#1b2478;
}
.m52 .section03 > p ,
.m52 .section02 > p {
	font-size:18px;
	line-height:24px;
	color:#888888;
	margin-bottom:43px;
}

.m52 .section02 .list {
	width:1400px;
	overflow:hidden;
}
.m52 .section02 .list  > li {float:left;margin-right:13.75px;}
.m52 .section02 .list  > li:nth-child(5n) {margin-right:0;}
.m52 .section02 .list  > li p {
	line-height:25px;
	color:#505050;
	font-size:18px;
	padding-bottom:30px;
}
.m52 .section03 {
	text-align:center;
	padding:72px 0 98px;
	background:#f6f5fa;
}

.m52 .section03 .list {
	width:1400px;
	margin:auto;
	overflow:hidden;
}
.m52 .section03 .list > li {float:left;margin-left:11.6666px;}
.m52 .section03 .list > li:first-child {margin-left:0;}

.m54 {
	padding:80px 0 113px;
	background:#f6f5fa;
}
.m54  .section {
	width:1400px;
	
	margin:auto;
}

.m54  .section .map {
	margin-bottom:90px;
}
.m54 .section .text {
	width:1400px;
	text-align:center;
}
.m54 .section .text  > li {
	display:inline-block;overflow:hidden;
	margin-left:47px;
	position: relative;
}
.m54 .section .text  > li:after {
	position: absolute;
	content:"";
	display:block;
	width:1px;
	height:40px;
	background:#acabaf;
	right:0;
	top:8.5px;
}
.m54 .section .text  > li:last-child:after {display:none;}
.m54 .section .text  > li:first-child {margin-left:0;}
.m54 .section .text  > li .img {
	float:left;
	height:57px;
	line-height:57px;
}
.m54 .section .text  > li  p {
	float:left;
	padding:0 48px 0 28px;
	height:57px;
	line-height:57px;
	font-size:16px;
	color:#505050;
}
.m54 .section .textTable {
	width:1362px;
	margin:60px auto 0;
	border:1px solid #e5e5e5;
	border-bottom:0px;
	background:#fff;
}
.m54 .section .textTable th,
.m54 .section .textTable td {
	border-bottom:1px solid #e5e5e5;
	padding:30px 0;
	vertical-align: middle;
}
.m54 .section .textTable th.bar {border-left:1px solid #e5e5e5;}
.m54 .section .textTable th {
	width:184px;
	text-align:center;
}
.m54 .section .textTable td {
	width:496px;
	text-align:left;
}
.m54 .section .textTable td.top {
	vertical-align: top;
}
.m54 .section .textTable td p {
	line-height:28px;
	font-size:16px;
	color:#777777;
	padding-left:10px;
}
.m54 .section .textTable th p {
	font-size:16px;
	color:#000000;
	line-height:28px;
}
.m54 .section .textTable td p.bb {
	position: relative;
}
.m54 .section .textTable td p.bb:after {
	position: absolute;
	content:"";
	display:block;
	left:0;
	top:12px;
	width:4px;
	height:4px;
	background:#1c2579;
}
.m54 .section .textTable td p span {
	display:inline-block;
	padding:1px 10px;
	line-height:18px;
	height:18px;
	color:#fff;
	border-radius: 3px;
	margin-right:10px;
}
.m54 .section .textTable td p .c304ffe {background:#304ffe;}
.m54 .section .textTable td p .c0abb0c {background:#0abb0c;}
.wBoard {
	padding:88px 0 85px;
	background:#f6f5fa;
}
.wBoard .w1400 {
	margin:auto;
	width:1400px;
	
	padding-bottom:42px;
	position: relative;
}


.wBoard .basic_list {
	width:1400px;
	position: relative;
	border-top:3px solid #1b2478;
	margin-bottom:38px;
	min-height:171px;
}
.wBoard .basic_list > li  {
	width:100%;
	border-bottom:1px solid #dcdcdc;
}
.wBoard .basic_list > li > a {
	position: relative;
	display:block;
	padding:44px 0;
	overflow:hidden;
}
.wBoard .basic_list > li > a .date {
	float:left;
	padding-left:12px;
	width:154px;
	height:83px;
	text-align:center;
	position: relative;
}
.wBoard .basic_list > li > a .date:after {
	position: absolute;
	content:"";
	display:block;
	width:1px;
	height:75px;
	background:#dcdcdc;
	right:0;
	top:4px;
}
.wBoard .basic_list > li > a .date > h3 {
	font-size:45px;
	line-height:45px;
	font-weight:500;
	color:#000000;
	padding-bottom:5px;
}
.wBoard .basic_list > li > a .date  > p {
	font-size:15px;
	color:#838383;
}
.wBoard .basic_list > li > a .sub {
	float:left;
	width:1040px;
	height:83px;
	padding: 0 168px 0 26px;
}
.wBoard .basic_list > li > a .sub > h3 {
	width:1039px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
	overflow:hidden;
	line-height:30px;
	margin-bottom:1px;
	font-size:20px;
	color:#505050;
}
.wBoard .basic_list > li > a .sub > h3 span {
	margin-right:10px;
	line-height:30px;
	height:30px;
	display:inline-block;
	font-size:15px;
	color:#fff;
	padding:0 15px;
	background:#1f5b9c;

}
.wBoard .basic_list > li > a .sub > p {
	line-height:26px;
	height:52px;
	font-size:16px;
	color:#505050;
}

.wBoard .basic_list > li > a .listBtn {
	position: absolute;
	width:48px;
	height:48px;
	border:1px solid #1b2478;
	right:60px;
	top:60.5px;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.wBoard .basic_list > li > a .listBtn span {
	position: absolute;
	width:24px;
	height:1px;
	background:#1b2478;
	left:50%;
	margin-left:-12px;
	top:50%;
	margin-top:0.5px;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.wBoard .basic_list > li > a:hover .listBtn span {
	background:#fff;

}
.wBoard .basic_list > li > a .listBtn span:nth-child(1) {transform: rotate(90deg);}
.wBoard .basic_list > li > a .listBtn span:nth-child(2) {transform: rotate(0deg);}

.wBoard .basic_list > li > a:hover .listBtn span:nth-child(1) {transform: rotate(-360deg);}
.wBoard .basic_list > li > a:hover .listBtn span:nth-child(2) {transform: rotate(-360deg);}

.wBoard .basic_list > li > a:hover .listBtn {
	background:#1b2478;
}


 .page {
	width:1400px;
	text-align:center;
	    min-height: 44px;
}
 .page .navi {
	display:inline-block;
	width:44px;
	height:44px;
	line-height:44px;
	font-size:17px;
	color:#838383;
	font-weight:400;
	font-family: "Noto Sans KR";
}
 .page .navi.on {
	color:#1b2478;
	font-weight:500;
}

 .page .pprev,
 .page .prev,
 .page .nnext,
 .page .next {
	text-indent: -9999em;
  outline: 0;
}
 .page .pprev{background:url(images/mirror/page/page_pprev.jpg) left top no-repeat;}
 .page .prev{background:url(images/mirror/page/page_prev.jpg) left top no-repeat;margin-right:25px;}
 .page .nnext{background:url(images/mirror/page/page_nnext.jpg) left top no-repeat;}
 .page .next {background:url(images/mirror/page/page_next.jpg) left top no-repeat;margin-left:25px;}
.wBoard .bbs_btn {
	position: absolute;
	right:60px;
	bottom:42px;
}
.wBoard .bbs_btn a {
	width:100px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:16px;
	background: #1f5b9c;
}

.communityTop {
	width:100%;
	min-width:1400px;
	max-width:1920px;
	margin:auto;
	height:407px;
	padding:10px;
	box-sizing: border-box;
	background:url(images/mirror/page/communityTop.jpg) center top no-repeat;
}
.communityTop .box {
	width:100%;
	height:100%;
	border:1px solid #c2c2c2;
	box-sizing: border-box;
	text-align:center;
}
.communityTop .box > h3 {
	padding-top:33px;
	line-height:79px;
	font-size:30px;
	color:#000000;
}
.communityTop .box > h3 span {font-size:30px;color:#000;font-weight:500;}
.communityTop .box  > p {
	line-height:27px;
	color:#000000;
	font-size:16px;
	margin-bottom:6px;
}
.communityTop .box > h5 {
	line-height:27px;
	color:#000000;
	font-size:14px;
	font-weight:500;
}

.goods {
	width:1400px;
	margin:0 auto 150px;
}
.goods .indiv{
	width:1400px;
	margin:0 auto;
}
 .nav {
	width:1400px;
	margin:45px 0 35px;
	overflow:hidden;
}
 .nav > li {
	float:left;
	font-size:16px;
	line-height:25px;
	color:#505050;
}
 .nav > li  > a,
 .nav > li  > span {
	display:inline-block;
	padding:0 15px;
	font-size:16px;
	line-height:25px;
	color:#505050;
}

.goods .range {
	display:inline-block;
	overflow:hidden;
	text-align:center;
	margin-bottom:18px;
}
.goods .range  > li {
	float:left;
	position: relative;
}
.goods .range  > li:after {
	position: absolute;
	content:"";
	display:block;
	width:1px;
	height:14px;
	background:#505050;
	left:0;
	top:5.5px;
}
.goods .range  > li:first-child:after {display:none;}
.goods .range  > li a {
	display:inline-block;
	line-height:25px;
	padding:0 10px;
	font-size:16px;
	color:#505050;
}
.goods .item {
	width:311px;
	margin:auto;
	position: relative;
}
.goods .item .over {
	position: absolute;
	left:0;
	top:0;
	width:311px;
	height:278px;
	display:block;
}
.goods .item .over .overBox {
	position: absolute;
	left:50%;
	top:50%;
	width:120px;
	height:120px;
	margin-left:-60px;
	margin-top:-60px;
	background:rgba(27,36,120,0.9);
	border-radius:50%;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
	opacity: 0;
	transform: scale(0) rotate(0deg);
}
.goods .item .over .overBox span {
	position: absolute;
	width:37px;
	height:2px;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-18.5px;
	margin-top:-1px;
	display:block;
}
.goods .item .over .overBox span:first-child {
	transform:rotate(90deg);
}
.goods .item:hover .over .overBox { opacity: 1;transform: scale(1) rotate(360deg)}
.goods .item .img {border-bottom:1px solid #d9d9d9;}
.goods .item .text {
	height:136px;
}
.goods .item .text .pname {
	padding:8px 0 10px;
	line-height:30px;
	color:#666666;
	font-size:15px;
	font-family: "Noto Sans KR";
	display:inline-block;
}
.goods .item .text .pprice {
	display:inline-block;
	line-height:24px;
	font-size:16px;
	color:#f21453;
	padding-left:24px;
	font-family: "Noto Sans KR";
	background:url(images/mirror/page/pprice.jpg) left 4px no-repeat;
}
.goods .item .text .cate {
	line-height:30px;
	display:inline-block;
	font-family: "Noto Sans KR";
	color:#222222;
	font-size:13px;
	    font-weight: 500;
}
.goodsView {
	width:1400px;
	margin:0 auto 150px;
}
.goodsView .bigImg {
	border:1px solid #e9e9e9;
}
.goodsView .imgBox {
	margin-left:33px;
	margin-bottom:33px;
	margin-right:0;
	float:left;
	position: relative;
	background:#000;
}
.goodsView .imgBox img.hand {
	opacity: 0.5;
	-webkit-transition: all 0.25s;
    transition: all 0.25s
}
.goodsView .imgBox.on img.hand {
	opacity: 1;
}
.goodsView img.hand:after {
	position: absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.goodsView .imgBox:first-child {margin-left:0;opacity: 1;}


.goodsView .viewTitle {
	font-size:30px;
	color:#000000;
	line-height:30px;
	margin-bottom:77px;
}
.goodsView .viewTop {
	width:100%;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	padding:18px 0;
}
.goodsView .viewTop td,
.goodsView .viewTop th {
	line-height:40px;
	text-align:left;
}

.goodsView .viewSub {
	
	padding:18px 0 0;
}

.goodsView .sub{
padding-bottom:20px;
	border-bottom: 1px solid #b2b2b2;
	margin-bottom:80px;
}

.goodsView .addopt {
	width:180px;
	padding:0 10px;
	line-height:40px;
	height:40px;
	border:1px solid #e7e7e7;
	font-size: 16px;
    color: #505050;
}
.goodsView .addopt option {
	font-size: 16px;
    color: #505050;
	line-height:40px;
	height:40px;
}
.goodsView #consumer {text-decoration:line-through}
.goodsView #price {color:#1b2478;}

.goodsView .viewCart {
	background:#d7d7d7;
	margin-top:5px;
	height:30px;
	overflow:hidden;
	display:inline-block;
	line-height:0;
}
.goodsView .viewCart > li {float:left;}
.goodsView .viewCart > li img {
	padding-top:1px;
}

.goodsView .viewCart .line {
	line-height:30px;
	height:30px;
	width:40px;
	text-align:center;
	border: 2px solid #d7d7d7;
}
.goodsView .viewBtn {
	display:inline-block;
	width:136px;
	height:48px;
	line-height:48px;
	border:1px solid #cccccc;
	color:#555555;
	font-size:16px;
	text-align:center;
	-webkit-transition: all 0.25s;
    transition: all 0.25s
}
.goodsView .viewBtn:hover {
	border:1px solid #1b2478;
	color:#fff;
	background:#1b2478;
}
.goodsView .viewListBtn {
	width:1400px;
	margin: 48px auto 0 ;
	text-align:center;margin-left:1px;
}
.goodsView .viewListBtnBar {
	width:100%;
	height:2px;
	background:#1b2478;
	margin-bottom:48px;
	position: relative;
	z-index:500;
}
.goodsView .viewListBtn > li {
	float:left;
	width:230px;
	height:60px;
	border:1px solid #d6d6d6;
	position: relative;
	z-index:100;
	margin-left:-1px;
	border-bottom:2px solid #fff;
	top:2px;
}
.goodsView .viewListBtn > li.on {
	z-index:1000;
	border:2px solid #1b2478;
	border-bottom:2px solid #fff;
	
}
.goodsView .viewListBtn > li.on a {color:#1b2478;font-weight:500;}
.goodsView .viewListBtn > li > a {
	display:block;
	height:60px;
	line-height:60px;
	font-size:17px;
	color:#919191;
}

 .qnaBtn {
	display:inline-block;
	width:120px;
	height:44px;
	line-height:44px;
	background:#1b2478;
	color:#fff;
	font-size:16px;
	text-align:center;
	position: absolute;
    right: 0;
    top: 0;
}
 .qnaBtn:hover {color:#fff;}

#contents-wrapper td {
	font-size:16px;
	color:#555555;
}

#contents-wrapper th {
	font-size:16px;
	color:#1e1e1e;
	background:#f6f5fa;
	font-weight:500;
}
.commoninfoTitle {
	font-size:16px;
	padding-left:17px;
	line-height:32px;
	color:#1b2478;
	font-weight:500;
}
.commoninfoCon {
	padding-left:17px;
	margin-bottom:30px;
	line-height:32px;
	font-size:16px;
	color:#505050;
}
.commoninfoCon div,
.commoninfoCon p{
	line-height:32px;
	font-size:16px;
	color:#505050;
}

#login {
	width:100%;
	max-width:1920px;
	min-width:1400px;
	background:#f6f5fa;
	padding:80px 0;
}
#login > .indiv {
	width:1020px;
	margin:auto;
}

#login > .indiv .login_left {
	float:left;
	border:1px solid #2e3683;
}
#login > .indiv .login_right {
	float:right;
	
}
#login > .indiv  .loginBtn {
	width:100%;
	margin:auto;
	text-align:center;
	margin-top:40px;
}
#login > .indiv  .loginBtn  a {
	display:inline-block;
	padding:0 20px;
	line-height:15px;
	font-size:16px;
	color:#505050;
}
#login > .indiv  .loginBtn  a:nth-child(2) {
	border-left:1px solid #acabaf;
	border-right:1px solid #acabaf;
}

#login > .indiv .loginTable {
	width:400px;
	padding:0 50px 45px;
	background:#fff;
	border:1px solid #c7c6ca;
	min-height:280px;
}
#login > .indiv .loginTable table {width:100%;}

#login > .indiv .loginTable table input {
	width:100%;
	line-height:45px;
	height:45px;
	margin-bottom:7px;
	border:1px solid #e6e6e6;
	background:#fff;
	padding:0 10px;
}
#login > .indiv .loginTable table input::-webkit-input-placeholder { color: #bababa; }
#login > .indiv .loginTable table input:-ms-input-placeholder { color: #bababa; }
#login > .indiv .loginTable table .submitBtn {
	background:#1b2478;
	width:100%;
	height:53px;
	line-height:53px;
	color:#fff;
	border:0;
	font-size:16px;
	font-family: "Noto Sans KR";
	    display: block;
    text-align: center;
}
#login > .indiv .loginTable table p {
	text-align:center;
	font-size:15px;
	color:#888888;
	line-height:22px;
	margin: 15px 0 47px;
}
#login > .indiv .loginTable table .submitBtn2 {background:#8f8f8f;}
#login > .indiv .loginTable table th {
	line-height:30px;
	font-size:28px;
	color:#1e1e1e;
	padding: 45px 0 38px;
	text-align:center;
}


.login {
	width:100%;
	max-width:1920px;
	min-width:1400px;
	background:#f6f5fa;
	padding:80px 0;
}
.login > .indiv {
	width:1400px;
	margin:auto;
	text-align:center;
}

.login > .indiv  .loginBtn {
	width:100%;
	margin:auto;
	text-align:center;
	margin-top:40px;
}
.login > .indiv  .loginBtn  a {
	display:inline-block;
	padding:0 20px;
	line-height:15px;
	font-size:16px;
	color:#505050;
}
.login > .indiv  .loginBtn  a:nth-child(2) {
	border-left:1px solid #acabaf;
}

.login > .indiv .loginTable {
	width:400px;
	padding:0 50px 45px;
	background:#fff;
	border:1px solid #2e3683;
	display:inline-block;
}
.login > .indiv .loginTable table {width:100%;}

.login > .indiv .loginTable table input {
	width:100%;
	line-height:45px;
	height:45px;
	margin-bottom:7px;
	border:1px solid #e6e6e6;
	background:#fff;
	padding:0 10px;
}
.login > .indiv .loginTable table input::-webkit-input-placeholder { color: #bababa; }
.login > .indiv .loginTable table input:-ms-input-placeholder { color: #bababa; }
.login > .indiv .loginTable table .submitBtn {
	background:#1b2478;
	width:100%;
	height:53px;
	line-height:53px;
	color:#fff;
	border:0;
	font-size:16px;
	font-weight:500;
	font-family: "Noto Sans KR";
}
.login > .indiv .loginTable table .submitBtn2 {background:#8f8f8f;}
.login > .indiv .loginTable table th {
	line-height:30px;
	font-size:28px;
	color:#1e1e1e;
	padding: 45px 0 38px;
	text-align:center;
}

.login > .indiv .loginTable2 {
	font-size:17px;
	color:#666666;
	font-weight:500;
	line-height:30px;
	padding:45px;
	text-align:center;
	border:1px solid #2c3482;
	width:750px;
	margin:auto;
}

.mypageTab {
	width:1400px;
	margin:0 auto 70px;
	position: relative;
	padding-top:30px;
}
.mypageTab > li {
	float:left;
	width:280.8px;
	height:60px;
	border:1px solid #d6d6d6;
	border-bottom:2px solid #fff;
	margin-left:-1px;
	text-align:center;
	position: relative;
	z-index:100;
	box-sizing: border-box;
}
.mypageTab > li.on {
	border:2px solid #1b2478;
	border-bottom:2px solid #fff;
	z-index:300;
}
.mypageTab > li:first-child {margin-left:0;}
.mypageTab .bar {
	position: absolute;
	left:0;
	bottom:0;
	z-index:200;
	width:100%;
	height:2px;
	background:#1b2478;
}
.mypageTab > li a {
	display:block;
	line-height:60px;
	font-size:17px;
	color:#919191;
}
.mypageTab > li.on a {color:#1b2478;}

.mypage {
	width:100%;
	max-width:1920px;
	min-width:1400px;
	margin:auto;
}

.mypage .indiv {
	width:1400px;
	margin:0 auto ;
	padding-bottom:170px;
}

.mypage .indiv #cp_body {
	text-align:center;
}
.mypage .indiv #cp_body table {
	width:460px;
	display:inline-block;
}
.mypage .indiv #cp_body table td {
	font-size:15px;
	color:#888888;
	line-height:32px;
	text-align:left;
}

.mypage .indiv #cp_body table td input {
	line-height:32px;
	height:32px;
	border:1px solid #b8b8bb;
	background:#fff;
	width:178px;
}
.mypage .indiv #cp_body  h3 {
	padding:80px 0 27px;
	font-size:20px;
	color:#444444;
}


.mypage .indiv #cp_body  #cp_button {
	width:100%;
	text-align:center;
	padding-top:50px;
}
.mypage .indiv #cp_body  #cp_button .submitBtn ,
.mypage .indiv #cp_body  #cp_button a {
	display:inline-block;
	width:163px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	border:0;
}
.mypage .indiv #cp_body  #cp_button .submitBtn {background:#1b2478}
.mypage .indiv #cp_body  #cp_button a {background:#8f8f8f}

.mypage .indiv .wishlist {
	width:100%;
	border-top:2px solid #333333;
	margin-bottom:15px;
}
.mypage .indiv .wishlist th,
.mypage .indiv .wishlist td {
	font-size:15px;
	text-align:center;
}
.mypage .indiv .wishlist th {
	font-weight:500;
	color:#444444;
}
.mypage .indiv .wishlist td {
	color:#888888;
}
.mypage .indiv .wishlist .img {
	display:inline-block;
	border:1px solid #dedede;
}
.mypage .indiv .wishlist td.sub {
	color:#666;
	text-align:left;
	padding-left:10px;
}
.mypage .indiv .wishlist td.sub a {
	color:#666;
	font-size:15px;
}

.mypage .indiv .wishlistBtnDel {
	display:inline-block;
	border:1px solid #1b2478;
	color:#1b2478;
	font-size:15px;
	width:115px;
	height:33px;
	line-height:33px;
	text-align:center;
}

.mypage .indiv .wishlistBtn {
	text-align:center;
	margin:30px auto 50px;
}
.mypage .indiv .wishlistBtn a {
	display:inline-block;
	width:163px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	background:#8f8f8f;
	margin:0 3px;
}
.mypage .indiv .wishlistBtn a:first-child {
	background:#1b2478;
}


.mypageTab2 {
	width:1400px;
	margin:0 auto 50px;
	text-align:center;
}
.mypageTab2 > li {
	display:inline-block;
	position: relative;
}
.mypageTab2 > li  a {
	font-size:16px;
	color:#848484;
	display:inline-block;
	padding:0 10px;
}
.mypageTab2 > li.on  a {
	font-weight:500;
	color:#202020;
} 
.mypageTab2 > li:first-child:after {
	position: absolute;
	width:1px ;
	height:13px;
	background:#b2b2b2;
	right:0;
	top:5.5px;
	display:block;
	content:'';
}



.mypage .indiv .table {
	width:100%;
	border-top:2px solid #333333;
	margin-bottom:15px;
}
.mypage .indiv .table th,
.mypage .indiv .table td {
	font-size:15px;
	text-align:center;
}
.mypage .indiv .table th {
	font-weight:500;
	color:#444444;
	background:#f7f7f7;
	height:60px;
	line-height:60px;
	border-bottom:1px solid #dedede;
}

.mypage .indiv .table td {
	color:#888888;
	border-bottom:1px solid #e5e5e5;
	height:90px;
}

.mypage .indiv .table td.sub {
	color:#666;
	text-align:left;
	padding-left:10px;
}
.mypage .indiv .table td.sub a {
	color:#666;
	font-size:15px;
}

.mypage .indiv  .text {
	width:1400px;
	margin-top:50px;
	position: relative;
}
.mypage .indiv  .text p {
	font-size:14px;
	color:#888888;
	line-height:23px;
}
.mypage .indiv  .text p span {color:#1b2478;font-weight:500;font-size:14px;}
.mypage .indiv  .text .couponBtn {
	position: absolute;
	right:0;
}
.mypage .indiv  .text .couponBtn a {
	display:inline-block;
	width:160px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	background:#1b2478;
	text-align:center;
}


.mypage .indiv .emoneyH3 {
	font-size:20px;
	color:#202020;
	line-height:20px;
	margin-bottom:20px;
}
.mypage .indiv .table td .orderlistBtn {
	padding:7px 15px;
	color:#fff;
	font-size:15px;
	text-align:center;
	display:inline-block;
	background:#828282;
}

.mypage .indiv .orderviewH3 {
	font-size:20px;
	color:#1e1e1e;
	line-height:21px;
	font-weight:500;
	margin-bottom:20px;
}

.mypage .indiv .table.order th,
.mypage .indiv .table.order td {
	height:auto;
	border-bottom:1px solid #b2b2b2;
}

.mypage .indiv .table.order th {padding-left:45px;text-align:left;width:200px;padding-bottom:25px;}
.mypage .indiv .table.order th h5 {
	font-family:'Poppins';
	font-size:50px;
	color:#1b2478;
	font-weight:300;
	margin-top:40px;
}
.mypage .indiv .table.order th p {
	font-size:17px;
	color:#5a5a5a;
	line-height:20px;
}
.mypage .indiv .table.order td {
	line-height:36px;	
	font-size:15px;
	color:#555555;
	padding-left:45px;
	text-align:left;
	
}
.mypage .indiv .table .order2 {
	padding:25px 0;
	width:100%;
}
.mypage .indiv .table .order2 th,
.mypage .indiv .table .order2 td {
	background:#fff;border:0;
	line-height:36px;	
	padding:0;
}
.mypage .indiv .table .order2 th {width:125px;}
.mypage .indiv .table div {
	line-height:22px;
	font-size:15px;
	color:#1b2478;
}


.mypage .indiv .orderBtn {
	text-align:center;
	margin:30px auto 50px;
}
.mypage .indiv .orderBtn a {
	display:inline-block;
	width:163px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	background:#8f8f8f;
	margin:0 3px;
}
.mypage .indiv .orderBtn a:first-child {
	background:#1b2478;
}
.mypage .indiv  .qna td{
	height:90px;
	font-size:15px;
	color:#888888;
	border-bottom:1px solid #e5e5e5;
}
.mypage .indiv  .qna td span {
	color:#1b2478;
	font-size:15px;
}
.mypage .indiv .qnaNum {
	width:87px;
	padding-left:30px;
	text-align:center;
}
.mypage .indiv .qnaBox {
	padding:25px 62px ;
	border-bottom:1px solid #e5e5e5;
	background:#fafafa;
	font-size:15px;
	color:#888888;
	line-height:22px;
	position: relative;
}
.mypage .indiv .qnaBox .qnaBtnList {
	position: absolute;
	top:25px;
	right:25px;
	overflow:hidden;
	width:177px;
}
.mypage .indiv .qnaBox .qnaBtnList a {
	display:inline-block;
	width:56px;
	height:28px;
	line-height:28px;
	color:#fff;
	margin-left:3px;
	float:right;
	font-size:14px;
	text-align:center;
}
.mypage .indiv .qnaBox .qnaBtnList .reply {
	color:#1b2478;
	border:1px solid #1b2478;
	width:54px;
	height:26px;
	line-height:26px;
}
.mypage .indiv .qnaBox .qnaBtnList .mod {background:#b8b8b8;}
.mypage .indiv .qnaBox .qnaBtnList .del {background:#828282;}
.mypage .indiv .qnaWrite {
	display:inline-block;
	width:190px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:#1b2478;
}


.qnaRegister {width:645px;}
.qnaRegister th,
.qnaRegister td{
	padding:15px 0;
	border-bottom:1px dashed #bebebe;
}
.qnaRegister th {
	line-height:32px;
	font-size:15px;
	color:#303030;
	padding-left:5px;
	width:80px;
	text-align:left;
	font-weight:500;
	vertical-align: top;
}
.qnaRegister td {
	line-height:32px;
	font-size:15px;
	color:#888888;
}
.qnaRegister td input[type=text] {
	height:32px;
	line-height:32px;
	border:1px solid #d9d9d9;
	padding:0 10px;
	background:#fff !important;
}

.qnaRegister td .orderOpen {
	display:inline-block;
	width:75px;
	height:32px;
	line-height:32px;
	color:#fff;
	background:#999999;
	text-align:center;
	position: relative;
    top: 1px;
}

.qnaRegister td .tel {
	width:65px;
}
.qnaRegister td .chec {
	font-size:14px;
	color:#888888;
	padding-left:13px;
}

#join {
	width:1400px;
	margin:0 auto 150px;
}
#formTable .myh3 {
	font-size:20px;
	line-height:20px;
	color:#333333;
	margin-bottom:12px;
}
#formTable .myh5 {
	width:1338px;;
	line-height:20px;
	border:1px solid #f2f2f2;
	background:#f6f5fa;
	padding:24px 30px;
	font-size:15px;
	color:#888888;
	margin-bottom:55px;
}
#formTable .myh5 span {
	color:#1b2478;
	font-size:15px;
}


#formTable .formTable {
	width:1400px;
	border-top:2px solid #373737;
}
#formTable .formTable .memberCols1,
#formTable .formTable .memberCols2 {
	padding:10px 0;
	border-bottom: 1px solid #dedede;
	text-align:left;
}

#formTable .formTable .memberCols1 {
	padding-left:20px;
	width:159px;
	border-right:1px solid #e7e5ed;
	background:#f7f7f7;
	line-height:31px;
	font-size:16px;
	font-weight:500;
	color:#1e1e1e;
}

#formTable .formTable .memberCols1 span {
	font-size:16px;
	font-weight:500;
	color:#1b2478;
	position: relative;
    top: 3px;
}
#formTable .formTable .memberCols2  {
	line-height:31px;
	color:#888888;
	font-size:14px;
	padding-left:15px;
}
#formTable .formTable .memberCols2 .eng {
	color:#888888;
	font-size:14px;
	font-weight:500;
}

#formTable .formTable .memberCols2 input[type=text] {
	height:31px;
	line-height:31px;
	border:1px solid #cecece;
	background:#fff;
	padding:0 10px;
}
#formTable .formBtn {
	display:inline-block;
	height:31px;
	line-height:31px;
	padding:0 20px;
	background:#6f6f6f;
	color:#fff;
	text-align:center;
	font-size:14px;
	position: relative;
    top: 2px;
}
#formTable .formBtn2 {
	display:inline-block;
	height:29px;
	line-height:29px;
	padding:0 10px;
	text-align:center;
	font-size:14px;
	position: relative;
    top: 2px;
	background:#fff;
	border:1px solid #1b2478;
	color:#1b2478;
}

#formTable .formTable .memberCols3  {
	line-height:31px;
	color:#1e1e1e;
	font-size:14px;
	width:120px;
}
#formTable .formTable  input[type=password] {
	height:31px;
	line-height:31px;
	border:1px solid #cecece;
	background:#fff;
	padding:0 10px;
}
#formTable .formTable .formTable2 td{
	padding:3px 0;
}


#formTable .listBtn {
	text-align:center;
	margin:30px auto 50px;
}
#formTable .listBtn a,
#formTable .listBtn button{
	display:inline-block;
	width:163px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	background:#8f8f8f;
	margin:0 3px;
}
#formTable .listBtn button {
	background:#1b2478;
	padding:0;
	border:0;
}
#formTable .listBtn .hack {
	border:1px solid #1b2478;
	color:#1b2478;
	height:42px;
	line-height:42px;
	background:#fff;
	float:right;
}

.mypage .indiv .hackP {
	width:1326px;
	border:7px solid #f2f2f2;
	padding:28px 30px;
	font-size:15px;
	line-height:24px;
	color:#888888;
	margin-bottom:50px;
}

.mypage .indiv .hackH3 {
	font-size:20px;
	line-height:20px;
	color:#202020;
	margin-bottom:15px;
	font-weight:500;
}


.mypage .indiv .hackTable {
	width:100%;
}

.mypage .indiv .hackTable .hackH4 {
	font-size:16px;
	line-height:32px;
	color:#333333;
	font-weight:500;
}
.mypage .indiv .hackTable .hackH4  span {
	font-size:16px;
	line-height:32px;
	color:#333333;
	font-weight:500;
	position: relative;
	top:2px;
}

.mypage .indiv .hackTable .box {
	width:100%;
	height:125px;
	border:1px solid #e5e5e5;
	padding:20px;
}
.mypage .indiv .hackTable input[type=password] {
	height:31px;
	line-height:31px;
	border:1px solid #dedede;
	background:#fff !important;
	padding:0 10px;
	width:215px;
}
.mypage .indiv .hackTable .noline {
	font-size:14px;
	color:#666666;
	line-height:24px;
}

.mypage .indiv .hackTable .noline input {
	position: relative;
	top:-1px;
}

.mypage .indiv .hackBtn {
	text-align:center;
	margin:78px auto 0px;
}
.mypage .indiv .hackBtn a,
.mypage .indiv .hackBtn button{
	display:inline-block;
	width:163px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	background:#8f8f8f;
	margin:0 3px;
}
.mypage .indiv .hackBtn button {
	background:#1b2478;
	padding:0;
	border:0;
}


.login  .indiv .pwdChoice {
	border:1px solid #2c3482;
	width:840px;
	margin:auto;
	text-align:center;
	padding:45px 0;
	background:#fff;
} 

.login  .indiv .pwdChoice h3 {
	font-size:28px;
	color:#333333;
	font-weight:500;
	margin-bottom:10px;
}
.login  .indiv .pwdChoice p {
	font-size:17px;
	color:#666666;
	margin-bottom:20px;
}
.login  .indiv .pwdChoice h4 {
	font-size:16px;
	line-height:32px;
	color:#333333;
	display:inline;
}
.login  .indiv .pwdChoiceBtn {
	display:inline-block;
	height:31px;
	line-height:31px;
	padding:0 20px;
	background:#1b2478;
	color:#fff;
	text-align:center;
	font-size:14px;
	margin-left:10px;
} 

.login  .indiv .pwdChoice .method-wrap {    height: auto;}

#serviceTextBox {
	width:1320px;
	margin:0 auto 80px;
	background:#fafafa;
	border-top:2px solid #373737;
	padding:60px 40px;
	font-size:14px;
	line-height:24px;
	color:#888888;
}


/*ȸ¿ø°¡ÀÔ ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ãë±Þ¹æħ*/

#agreement .listBtn {
	text-align:center;
	margin:30px auto 50px;
}
#agreement .listBtn a{
	display:inline-block;
	width:163px;
	height:44px;
	line-height:44px;
	color:#fff;
	font-size:15px;
	background:#8f8f8f;
	margin:0 3px;
}
#agreement .listBtn a:first-child {
	background:#1b2478;
}
#agreement .table {
	width:100%;
	margin-bottom:60px;
}

#agreement .table  .text {
	background:#fafafa;
	border:1px solid #dcdcdc;
	border-top:2px solid #373737;
	height:220px; 
	padding:25px 40px; 
	overflow-y:scroll;
}
#agreement .table  .text h3 {
	font-size:20px;
	color:#202020;
	margin-bottom:20px;
}
#agreement .table  .text p {
	font-size:14px;
	color:#888888;
	line-height:24px;
}

#agreement .radio {
	padding-top:14px;
}
#agreement  input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#agreement input[type="radio"]:hover + label:before {
  border-color: #999;
}
#agreement input[type="radio"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}

#agreement input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
  font-weight: normal;
	font-size:15px;
	line-height:20px;
	color:#706c6c;
}
#agreement input[type="radio"] + label:before,
#agreement input[type="radio"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
#agreement input[type="radio"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  border: 2px solid #d9d9d9;
  text-align: center;
}
#agreement input[type="radio"] + label:after {
  top: 50%;
  left: 6px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}
#agreement input[type="radio"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -5px;
  border-style: solid;
  border-color: #555;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#agreement input[type="radio"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
   border: 2px solid #555;
}
#agreement input[type="radio"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}


#login > .indiv .JoinOkTable {
	display:inline-block;
	text-align:center;
	width:838px;
	padding:70px 0;
	height:230px;
	min-height:auto;
}
#login > .indiv .JoinOkTable h3 {
	font-size:28px;
	color:#333333;
	line-height:35px;
	font-weight:500;
}
#login > .indiv .JoinOkTable h3:after {
	display:inline-block;
	content:"";
	width:38px;
	height:1px;
	background:#b2b2b2;
	margin:18px 0 25px;
}
#login > .indiv .JoinOkTable p,
#login > .indiv .JoinOkTable p span{
	font-size:15px;
	color:#868686;
	line-height:25px;
	font-weight:500;
}
#login > .indiv .JoinOkTable p {margin-bottom:30px;}


#login > .indiv .JoinOkTable p .color1 {color:#2c3482}
#login > .indiv .JoinOkTable p .color2 {color:#333333}

/**Àå¹Ù±¸´Ï*/
#cart {
	width:1400px;
	margin:0 auto 150px;;
}

#cart  .indiv {
	width:1400px;
}


#cart  .indiv  .cartH3 {
	font-size:20px;
	line-height:20px;
	color:#202020;
	margin-bottom:15px;
}




#cart  .indiv .cartBtn {
	margin-top:18px;
	overflow:hidden;
}
#cart  .indiv .cartBtn a {
	float:left;
	margin-right:6px;
	padding:0 18px;
	height:33px;
	line-height:33px;
	border:1px solid #1b2478;
	color:#1b2478;
	text-align:center;
}

#cart  .indiv .listBtn {
	margin-top:10px;
	text-align:center;
}
#cart  .indiv .listBtn a {
	display:inline-block;
	width:160px;
	text-align:center;
	height:44px;
	line-height:44px;
	color:#fff;
	background:#8f8f8f;
}
#cart  .indiv .listBtn a:first-child {background:#1b2478;margin-right:5px;}

/**ÁÖ¹®³»¿ª°áÁ¦*/
#order {
	width:1400px;
	margin:0 auto 150px;;
}

#order  .indiv {
	width:1400px;
}


#order  .indiv  .orderH3 {
	font-size:20px;
	line-height:20px;
	color:#202020;
	margin-bottom:15px;
}


#order  .indiv .listBtn {
	margin-top:10px;
	text-align:center;
}
#order  .indiv .listBtn a {
	display:inline-block;
	width:160px;
	text-align:center;
	height:44px;
	line-height:44px;
	color:#fff;
	background:#8f8f8f;
}
#order  .indiv .listBtn a:first-child {background:#1b2478;margin-right:5px;}


#order .indiv .order {
	width:100%;
	border-top:2px solid #333333;
	margin-bottom:15px;
}
#order .indiv .order th,
#order .indiv .order td {
	font-size:15px;
	border-bottom:1px solid #b2b2b2;
	vertical-align: top;
}
#order .indiv .order th {
	background:#f7f7f7;
	padding-left:45px;text-align:left;width:200px;padding-bottom:25px;
}
#order .indiv .order th h5 {
	font-family:'Poppins';
	font-size:50px;
	color:#1b2478;
	font-weight:300;
	margin-top:40px;
}
#order .indiv .order th p {
	font-size:17px;
	color:#5a5a5a;
	line-height:20px;
}

#order .indiv .order td {
	line-height:36px;	
	font-size:15px;
	color:#555555;
	padding-left:45px;
	text-align:left;
}


#order .indiv .order  .order2 {
	padding:25px 0;
	width:100%;
}
#order .indiv .order  .order2 th,
#order .indiv .order  .order2 td {
	background:#fff;border:0;
	line-height:36px;	
	padding:0;
	color:#888888;
}
#order .indiv .order  .order2 th {
	width:125px;
	line-height:36px;	
	font-size:15px;
	font-weight:500;
	color:#555555;
}
#order .indiv .order  .order2  .orderBtn {
	margin:3px 0 3px 5px ;
	height:30px;
	line-height:30px;
	padding:0 12px;
	background:#858585;
	color:#fff;
	text-align:center;
	display:inline-block;
	font-size:14px;
}
#order .indiv .order  .order2  .orderBtn2 {
	margin:3px 0 3px 5px ;
	height:28px;
	line-height:28px;
	padding:0 12px;
	background:#fff;
	color:#1b2478;
	border:1px solid #1b2478;
	text-align:center;
	display:inline-block;
	font-size:14px;
}
#order .indiv .order  div {
	line-height:22px;
	font-size:15px;
	color:#1b2478;
}

#order .indiv .order  .order2 td input[type=text] {
	height:30px;
	line-height:30px;
	margin:3px 0;
	background:#fff;
	border:1px solid #cecece;
	padding:0 10px;
	color:#888888;
	font-size:15px;
}
#order .indiv .order  .order2 td select {
	height:30px;
	line-height:30px;
	margin:3px 0;
	background:#fff;
	border:1px solid #cecece;
	padding:0 10px;
	color:#888888;
	font-size:15px;
}



#order .agreement  input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#order .agreement input[type="radio"]:hover + label:before {
  border-color: #999;
}
#order .agreement input[type="radio"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}

#order .agreement input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
  font-weight: normal;
	font-size:15px;
	line-height:20px;
	color:#706c6c;
}
#order .agreement input[type="radio"] + label:before,
#order .agreement input[type="radio"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
#order .agreement input[type="radio"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  border: 2px solid #d9d9d9;
  text-align: center;
}
#order .agreement input[type="radio"] + label:after {
  top: 50%;
  left: 6px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}
#order .agreement input[type="radio"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -5px;
  border-style: solid;
  border-color: #555;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#order .agreement input[type="radio"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
   border: 2px solid #555;
}
#order .agreement input[type="radio"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}


#searchBox {
	background-color:#f6f5fa;
	padding:50px 0; 
	width:100%:
}
#searchBox input[type=text] {
	height:48px;
	line-height:48px;
	font-size:20px;
	color:#2b2b2b;
	border:1px solid #c9c8cc;
	padding:0 10px;
	width:910px;
	margin-right:5px;
}
#searchBox .text {
	width:194px;
	height:48px;
	padding-left:60px;
	border-right:1px solid #cac9cd;
	float:left;
	margin-right:38px;
}
#searchBox .text h3 {
	font-size:28px;
	line-height:28px;
	margin-bottom:5px;
	color:#1b2478;
	font-weight:500;
}
#searchBox .text  p {
	font-family:'Poppins';
	font-size:15px;
	line-height:15px;
	color:#414141;
}

/*°Ô½ÃÆÇ ºäÆäÀÌÁö**/
.wBoard .view .viewTitle {
	font-size:28px;
	padding:0 20px;
	color:#000000;
	text-align:center;
}
.wBoard .view .date {
	text-align:center;
	font-size:16px;
	color:#777777;
	margin-top:10px;
}

.viewBtn {
	width:100%;
	overflow:hidden;
}
.viewBtn .btn {
	display:inline-block;
	width:180px;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	font-family: "Noto Sans KR";
	text-align:center;
	background:#787878;
}
.viewBtn .btn.blue {background:#1b2478;}

.wBoard .gallery .text {
	width:100%;
	border:1px solid #dfdfdf; 
	border-top:0;
	background:#fff;
	padding:25px;
	box-sizing: border-box;
	text-align:left;
}
.wBoard .gallery .text h3 {
	font-size:26px;
	color:#222222;
	font-weight:500;
}
.wBoard .gallery .text p {
	color:#505050;
	font-size:16px;
}

#order2 {
	width:100%;
	max-width:1920px;
	margin:auto;
	background:#f6f5fa;
}
#order2 .indiv {
	width:1020px;
	margin:auto;
	padding:60px 0 120px;
}
#order2 .indiv .box {
	border:1px solid #363d88;
	background:#fff;
	text-align:center;
	padding:25px 0 42px;
	margin-bottom:60px;
}
#order2 .indiv .box  .img {
	height:72px;
	line-height:72px;
}
#order2 .indiv .box  h3 {
	line-height:42px;
	font-size:27px;
	color:#000;
	font-weight:300;
	margin-bottom:10px;
}
#order2 .indiv .box  h3 span {
	font-weight:500;
	line-height:42px;
	font-size:27px;
	color:#000;
	
}
#order2 .indiv .box  p {
	line-height:23px;
	font-size:15px;
	color:#999999;
}
#order2 .indiv .bar {
	height:2px;
	width:26px;
	background:#000;
}
#order2 .indiv  .tit {
	line-height:46px;
	font-size:20px;
	color:#1e1e1e;
	font-weight:500;
	margin-bottom:25px;
}
#order2 .indiv .con {
	overflow:hidden;
}
#order2 .indiv .con table {float:left;}
#order2 .indiv .con .right {
	border-left:1px solid #dddce1;
	padding-left:40px;
}
#order2 .indiv .con table th,
#order2 .indiv .con table td{
	line-height:28px;
	font-size:15px;
	text-align:left;
}
#order2 .indiv .con table th {color:#555555;font-weight:500;}
#order2 .indiv .con table td {color:#888888;}
#order2 .indiv .con table td.num {color:#1b2478;}

#order2 .indiv .con .left th {width:120px;}
#order2 .indiv .con .right th {width:95px;}
#order2 .indiv .order2_btn {margin-top:60px;text-align:center;}
#order2 .indiv .order2_btn a  {
	background: #1b2478;
	display: inline-block;
    width: 160px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #fff;
	
}

#index {
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
#index h1 {
	width:100%;
	text-align:center;
}
#index .main {
	width:100%;
	height:879px;
	background:url('..//standard/images/index/bg.jpg') center no-repeat; 
}
#index .main .index {
	width:1400px;
	margin:auto;
}
#index .main .index > h2 {
	padding:90px 0 30px;
}
#index .main .index > .box {
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-bottom:50px;
}
#index .main .index > .box .left {float:left;}
#index .main .index > .box .right {float:right;}
#index .main .index > .box li p {padding:53px 0;line-height:22px;height:22px;text-align:center;background:#fff;}
#index .main .index > .box li p img {vertical-align: top;}
#index .main .index > .box li p span {
	line-height:22px;
	font-size:22px;
	color:#000000;
	padding-left:10px;
}
#index .main .index > .link {
	text-align:center;
} 
#index .main .index > .link a {
	display:inline-block;
}
#index .main .index > .link a:first-child {margin-right:20px;}