@charset 'utf-8';
#main {}
#sub_wrap {}

/*****************************************************************
header : 상단전체영역    dalkey
*****************************************************************/
#header {
    height: 116px;
}
#header .gnb {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
    opacity: 1;
    position: fixed;
    top: 0px;
    z-index: 16;
    background-color: #fff;
    border-bottom: 2px solid #C01919;
}
#header .gnb.on {
    background-color: #fff;
    border-bottom: 2px solid #C01919;
    margin-top: -40px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
#header .gnb:after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 36px;
    background-color: #f0f0f0;
}

.pc_viw {display: block}
.mo_viw {display: none}


@media screen and (max-width: 768px) {
    #header {  height: 83px; }  /* 모바일버젼 헤드 상단 높이 */
    #header .gnb {
        background-color: #fff;
    }
	.pc_viw {display: none}
	.mo_viw {display: block}

}





/*****************************************************************
상단영역
*****************************************************************/
/* 상단영역 */
.topArea {
    width: 90%;
    max-width: 1270px;
    position: relative;
    margin: 0 auto;
    padding: 3px 0px 0;
    height: 36px;
    font-size: 0.875em;
    border: 0px solid #aaa; 
}
.topArea_inner {
    float: right;
}

@media screen and (max-width: 768px) {
    .topArea {
        width: 100%;/**/
        padding: 3px 0px 0;
    }
}





/*****************************************************************
상단영역 : 디자인샘플, 퀵메뉴, sns, 로그인, 기타
*****************************************************************/
/* 디자인샘플선택 */
.dropdown {
    position: absolute;
    top: 5px;
    left: 15px;
}
.dropdown button {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid rgba(100,100,100,0.2);
    border-radius: 2px;
    height: 30px;
    font-size: 1.0em;
}
.dropdown button:hover {
    border: 1px solid rgba(100,100,100,0.2);
}
.dropdown ul li a {
    font-size: 0.875em;
    padding: 10px;
}

@media screen and (max-width: 768px) {
    .dropdown {
        display: none;
    }
}



@media screen and (max-width: 768px) {
    .nt_sns {
        display: block;
    }
}



/* sns :소셜아이콘 */
.topArea .nt_sns {
    float: left;
    margin-right: 10px;
}
.topArea .nt_sns ul {
    overflow: hidden;
    float: right;
}
.topArea .nt_sns li {
    float: left;
    margin-left: -3px;
    margin-top: 4px;
    font-size: 0;
}

.topArea .nt_sns li img {
    border: 0px;
    width: 80%;
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.topArea .nt_sns li img.on {
    opacity: 1.0;
    transform: rotate(30deg);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
    .nt_sns {
        display: none;
    }
}



/* nt_login : 로그인 */
.topArea .nt_login {
    float: left; 
}
.topArea .nt_login ul {
    overflow: hidden;
}
.topArea .nt_login li {
    float: left;
    padding-left: 20px;
}
.topArea .nt_login li a {
    display: block; position: relative;
	padding:0 0px;
    height: 30px;
    line-height: 28px; font-size: 1.05em;
    text-align: center;
    color: #777777;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;   
}
.topArea .nt_login li a:hover {
    color: #000;
}

.topArea .nt_login li a:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    width: 1px;
    height: 11px;
    background-color: #666;
}
.topArea .nt_login li:first-child a:after {display: none;}


@media screen and (max-width: 768px) {
    .topArea .nt_login { }
	.topArea .nt_login li a {font-size: 1.0em;}
}


/* 검색버튼 : online shopping */
.topArea .nt_search {
    position: relative;
    float: left;
    margin: 4px 0px 0 15px;
/*    display: block;*/
}
.topArea .nt_search p a {
    width:60px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    text-align: center;    
    color: #333;     font-size: 1.05em;  font-weight: 400;
    cursor: pointer;     padding-left:0px;
	background:#fff ;  border:1px solid #333;  border-radius: 20px;
}

/* -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;   background-color: rgba(155,155,155,0.6); background-color: rgba(55,55,55,0.6);*/

.topArea .nt_search p .glyphicon-search{font-size:14px; margin:1px 3px 6px -2px; color:#494949; }
.topArea .nt_search:hover p a {    }
.topArea .box_search {
    z-index: 110; 
    position: absolute;
    top: 36px;
    right: 15px;
    width: 290px; padding:5px 8px 5px 5px;
    background-color: #fff; 
    border: 1px solid #D7D7D7;
    display: none; text-align:center;
}
.topArea .box_search input.input {width:74%; height:32px; border: 1px solid #C4C4C4; color: #000;  font-size: 1.125em;  font-weight: 300;}
.topArea .box_search input.img {vertical-align: middle; width:22px; height:23px; border:none; margin:0 10px; font-size:0; background: url(/images/btn/icon_search_off.png) no-repeat; }
.topArea .box_search span.close img {vertical-align: middle; margin-top:5px;}
.topArea .box_search input.img:hover {background: url(/images/btn/icon_search_on.png) no-repeat;}


@media screen and (max-width: 768px) {
	.topArea .nt_search {margin: 3px 10px 0 10px;}
	.topArea .nt_search p .glyphicon-search{margin:3px 3px 6px -2px;  }
	.topArea .box_search {width: 100%; right: 0px;  border-top: 1px solid #D7D7D7; border-bottom:none; border-right:none; border-left:none;}
}





/*****************************************************************
상단영역 > 사이트맵 : sitemap
*****************************************************************/
/* 상단 분류메뉴 영역 : ICON (스크롤시 나타남) */
.nt_sitemap {
    display: block;/* none, block */
    position: absolute;
    top: 10px;
    right: 0;
    float: left;
    opacity: 0;
    transition: all 0.4s ease-out;
    transform: translate(-40px, 10px);
}
.nt_sitemap.on {
    opacity: 1;
    transition: all 0.4s ease-out;
    transform: translate(-1px, 10px);
}
.nt_sitemap a {
    width: 40px;
    height: 40px;
    padding: 4px 0 0 2px;
    overflow: hidden;
    background-color: #111;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    color: #aaa;
    font-size: 1.250em;
/*    text-shadow: 0px 0px 10px rgba(255,255,255,1.0);*/
}
.nt_sitemap a:hover {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .nt_sitemap {
        display: none;
    }
}




/*****************************************************************
영역나누기 : 로고영역 & 메뉴영역   dalkey
*****************************************************************/
#header .gnb .nav {
    width: 100%;
    max-width: 1300px;
    margin: 0px auto;
    padding: 0px 8px 0px 15px;
}

#header .gnb .nav .logoArea {
    width: 25.6%;/* 25.6%, 100% */
    float: left;
    margin-top: 30px;
    overflow: hidden;
    display: table;
    background-color: transparent;/**/
    position: relative;
}
#header .gnb .nav .menuArea {
    width: 74.4%;/* 65%, 74.4%, 100% */
    float: right;
    position: relative;
}

@media screen and (max-width: 768px) {
    #header .gnb .nav {
        width: 100%;
        background-color: transparent;/**/
        padding: 0px 0px;
    }
    #header .gnb .nav .logoArea {
		margin-top: 0px;
        width: 100%;
        height: 45px; /* 모바일 버젼 헤드 높이 */
    }
    #header .gnb .nav .menuArea {
        width: 100%;
    }
}




/*****************************************************************
상단영역 : 로고, 카테고리메뉴 : (모바일공통)
*****************************************************************/
/* 로고 */
.logoArea .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;/**/
}

.logoArea .logo a {
    text-align: center;
    display: inline-block;
    width: 72%;
    position: relative;
    background-color: transparent;
}
/*
.logoArea .logo .logo_off {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 1;
}
.logoArea .logo a:hover .logo_off {
    transform: translate(20px, 0px);
    opacity: 0;
}
*/
.logoArea .logo .logo_on {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: translate(20px, 0px);
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
}
.logoArea .logo a:hover .logo_on {
    transform: translate(0px, 0px);
    opacity: 1;
}

.logoArea .logo img {
    width: 100%;
/*    background-color: #ddd;max-width: 325px; */
}

@media screen and (max-width: 768px) {
    .logoArea .logo {text-align: left;padding-left: 10px; }
    .logoArea .logo img{margin-top: -3px; width: 70%; float:left; }
}




/* 햄버거메뉴 버튼 */
.logoArea .button {
    display: none;
    width: 20px;
    height: 18px;
    padding-top: 0px;
    text-align: center;
    color: #fff;
    cursor: pointer;  background:#fff url('/images/btn/btn_menu.png') no-repeat;
}
.logoArea .button.on {
    background-color: #eaeaea;
    color: #fff;
}

    .pc-view {display:block !important;}
    .mobile-view {display:none !important;}

@media screen and (max-width: 768px) {
    #header .gnb .nav .logoArea .button {
        display: block;
        position: absolute;
        top: 13px;
        right: 10px;
        border-radius: 0px;
    }
    .pc-view {display:none !important;}
    .mobile-view {display:block !important;}

}




/*****************************************************************
상단영역 > 1차메뉴 > 배경색상,갯수
*****************************************************************/
/* 1차메뉴 영역 */
.mainmenu {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin: 0 auto;
    border: 0px solid #f00;
	padding-right: 0px;
}
.mainmenu.on {
    padding-right: 0px;/* 0px, 50px, 60px */
}

.mainmenu > ul {
    float: right;
    width: 100%;
}


/* grid : 메뉴갯수 */
.mainmenu > ul.grid3 > li {
    width: 33.33%;
}
.mainmenu > ul.grid4 > li {
    width: 25%;
}
.mainmenu > ul.grid5 > li {
    width: 19.5%;
}
.mainmenu > ul.grid5 > li:nth-child(3) {
    width: 18.5%;
}
.mainmenu > ul.grid5 > li:nth-child(4) {
    width: 16%;
}
.mainmenu > ul.grid5 > li:last-child {
    width: 26.5%;
}
.mainmenu > ul.grid6 > li {
    width: 15.00%;
} /*width: 16.66%;*/
.mainmenu > ul.grid7 > li {
    width: 14.28%;
}
.mainmenu > ul.grid8 > li {
    width: 12.50%;
}

.mainmenu > ul.grid6 > li:nth-child(4) {width: 10.00%;}
.mainmenu > ul.grid6 > li:nth-child(5) {width: 20.50%;}
.mainmenu > ul.grid6 > li:nth-child(6) {width: 24.50%; padding-top:5px;}




/* 1차메뉴 배경색상 */
.mainmenu > ul > li {
    position: relative;
    float: left;
    border-left: 0px solid #fff;/**/
    background-color: transparent;/**/
}
.mainmenu > ul > li:first-child {
    border: none;/**/
}

/* 1차메뉴 배경색상 : 마우스오버시 */
.mainmenu > ul > li:hover {
/*    border-radius: 10px 10px 0 0;*/
    background-color: transparent;/**/
}

/* 1차메뉴 색상   메뉴높이    */     
.mainmenu > ul > li > a {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    display: block;
    text-align: center;
    height: 80px;/**/
    line-height: 90px;/**/
    margin: 0px 0 0;/**/
    background-color: transparent;/**/
    border-right: 0px solid #444;
    border-radius: 0px 0px 0px 0px;
    font-size: 1.3em;
    font-weight: 600;
    color: #333;
}
.mainmenu > ul > li:hover > a {
    background-color: transparent;/**/
    font-weight: 700;
    color: #C01919; /* 메인메뉴 폰트색상*/
}
.mainmenu > ul > li:last-child > a {
    border-right: none;
}



/* 2차메뉴 > 배경색상,갯수 */
.submenu {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
/*    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);*/
    padding-top: 0px;/**/
    background-color: transparent;/**/
}
.submenu a {
    display: block;
    text-align: center;
    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-width: 0 1px 0px;
    border-top: 1px solid #ddd;
    background-color: #fff;
    font-size: 1.0em;
    font-weight: 400;
    color: #555;
    position: relative;   overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.submenu a:hover {
    background-color: #ddd;
    font-weight: 400;
    color: #C01919; /* 서브메뮤 폰트색상*/
}
.submenu a:first-child {
    border-top: 0px solid #fff;
}

.submenu a.more {color:#C01919;  font-weight:600;}


/**/
/*
.submenu a:before {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    top: 24px;
    left: 10px;
    content: '';
    width: 1px;
    height: 1px;
}
.submenu a:hover:before {
    width: 10px;
    background-color: #000;
}
*/



/*****************************************************************
모바일 : 768px이하 > 카테고리메뉴
*****************************************************************/
@media screen and (max-width: 768px) {
    
    /* 1차메뉴 */
    #header .gnb .nav .mainmenu {
        display: none;
        position: absolute;
        width: 100%;/* 70%, 100% */
        padding-top: 0px;
        opacity: 0.95;/**/
        right: 0px;
    }
    #header .gnb .nav .mainmenu > ul {
        max-height: 500px;
        overflow: auto;
        margin-top: 0px;
    }
    #header .gnb .nav .mainmenu > ul > li {
        width: 100%;
        border-top: 1px solid #444;
    }
    #header .gnb .nav .mainmenu > ul > li:last-child {
        border-bottom: 1px solid #444;
    }
    #header .gnb .nav .mainmenu > ul > li > a {
        display: block;
        background-color: #333;/**/
        height: 50px;
        line-height: 50px;
        margin: 0px 0 0;/**/
        color: #fff;
    }
    #header .gnb .nav .mainmenu > ul > li.s_on > a {
        background-color: #111;/**/
    }
    
    #header .gnb .nav .mainmenu > ul > li > .submenu {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0;
    }
    
    /* 2차메뉴 */
    #header .gnb .nav .mainmenu > ul > li.s_on .submenu {
        border: none;
    }
    #header .gnb .nav .mainmenu > ul > li.s_on .submenu a {
/*        font-weight: 700;*/
/*        color: #333;*/
    }
    
    #header .gnb .mainmenu {
        -webkit-transition: none;
        transition: none;
    }
    #header .gnb .mainmenu.on {
        padding-right: 0px;
        -webkit-transition: none;
        transition: none;
    }
}



@media screen and (min-width: 769px) {
    #header .gnb .nav .mainmenu {
        display: block !important;
        position: relative;
    }
}


.box_editor {
    position: relative;
    font-size: 1.0em; border:1px solid #ccc; margin:0px 0px 30px 0px; padding:10px 15px;
}
.box_editor h3 {
    text-align: left;
    border-bottom: 1px solid #A6A6A6;
    padding: 11px 5px 12px;
    margin: 0 0 10px;
    font-size: 1.0em;
}

.box_cover {padding:8px 10px 15px 10px; font-size: 1.0em; border:1px solid #D7D7D7; border-top:5px solid #C01919; }
.box_cover dl{overflow:hidden; margin:10px 0px 15px 0px; }			
.box_cover dt{float:left; text-align:left; }
.box_cover dt img{ width:115px; border:1px solid #EAEAEA; }
.box_cover dd{margin-left:130px; text-align:left; margin-top:0px; background:#fff; position: relative;}
.box_cover dd img{ width:140px; height:12px; width:auto; display:block; margin:1px 0 18px 0;}
.box_cover dl dd span:before {    content: '';    position: absolute;    top: 28px;    left: 0px;    width: 55px;    height: 1px;   background-color: #C01919;}
.box_cover dl dd span {display:inline-block; font-size: 0.9em; color:#777777; font-weight:300;}
.box_cover dl dd strong {display:block; font-size: 1.3em; color:#000; font-weight:bold; margin-top:3px; line-height:23px; letter-spacing:-1.0px;}
 /*.box_cover dl dd strong {display:block; font-size: 1.325em; color:#000; font-weight:500; margin-top:3px; line-height:23px; letter-spacing:-0.5px;}*/
.box_cover dl dd strong span { font-size: 0.9em; color:#000; font-weight:normal; }
.box_cover dl dd em { font-size: 0.95em; color: #777; font-weight:300; font-style:normal; letter-spacing:-0.5px; }
.box_cover dl dd a {display:block; margin-top:9px;}	
.box_cover dl dd a.btn1  {width:100%; text-align:center; height:30px; line-height:29px !important; font-size: 1.0em;  line-height:16px; background:#B71E23; color:#fff; font-weight:500; border-radius:2px;}
.box_cover dl dd a.btn1:hover {background:#A40303 !important;}
.box_cover p a.btn2  {display:block; width:100%; text-align:center; line-height:30px; background:#9FA0A0; color:#fff !important; font-weight:500; border-radius:2px;}
.box_cover p a.btn2:hover {background:#777777;  color:#fff !important;}

.m_right .mainBanner { margin-top:20px; height:180px;overflow:hidden;}
.m_right .mainBanner img { width:100%; }

.m_right .mainBannersns { margin-top:30px; height:155px;overflow:hidden;}
.m_right .mainBannersns dl{margin-top:35px;}
.m_right .mainBannersns dl dt{text-align:center; margin: 0 0 20px 0;}
.m_right .mainBannersns dl dt a{display:inline-block; margin:0 7px;}
.m_right .mainBannersns dl dd{ font-size: 1.3em; color:#585858; font-weight:500; line-height:23px; letter-spacing:-0.0px;}

.mainBannersns2 { margin-top:0px; overflow:hidden; }
.mainBannersns2 dl{margin-top:15px;}
.mainBannersns2 dl dt{text-align:center; margin: 0 0 15px 0;}
 .mainBannersns2 dl dt a{display:inline-block; margin:0 7px;}
.mainBannersns2 dl dd{ font-size: 1.2em; color:#585858; font-weight:500; line-height:21px; letter-spacing:-0.0px;}

@media(max-width:1300px){
	.m_right .mainBanner {height:145px; }
}

@media(max-width:1100px){
	.m_right .mainBanner { height:auto; }
}

@media(max-width:769px){
	.box_cover {padding:11px 10px 0px 10px; font-size: 1.0em;}
	.box_cover dl{margin:4px 0px 10px 0px; }	
	.box_cover dl dd em { letter-spacing:-1.0px; }
	.box_cover dd img{ margin:1px 0 17px 0;}
	.box_cover dl dd strong {margin-top:3px; letter-spacing:-1.5px; line-height:24px; font-size: 1.15em; }
	.box_cover p {margin-top:13px;}	
	.m_right .mainBanner {display:none;}
	.m_right .mainBannersns {display:none;}
	.mainBannersns2 {display:none;}
}


/*에디터픽 Editor's Pick*/
.editor_pick{ overflow:hidden; margin-bottom:30px;  text-align:left;  background:#fff;}
.section_title{width:100%; padding:0 0px 8px 0px; margin-bottom:13px; border-bottom:1px solid #666; text-align:left; }
.section_title > h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px; }
.section_title > h3 span{font-size: 0.75em; font-weight: 500 !important; letter-spacing:-0.3px; }
.editor_pick ul li {float:left; width:51.5%; padding-right:3%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.editor_pick ul li:last-child {width:48.4%; padding-right:0px;}
.editor_pick .pick_box{ width:100%; border:1px solid #d7d7d7; overflow:hidden;  }
.editor_pick .pick_box h4{ color:#888; vertical-align:middle; font-size:16px; word-break:keep-all;  line-height:1.3em; padding:12px 15px 13px 15px; letter-spacing:-0.5px; position:relative;z-index:1; font-weight:500; }
.editor_pick .pick_box .pick_lst {margin:0px 15px 0px 15px; }
.editor_pick .pick_box .pick_lst li{width:100%; padding-right:0%; border-top:1px solid #ddd; }
.editor_pick .pick_box .pick_lst li a{ width:100%; display:block; overflow:hidden;height:41px; line-height:39px;}
.editor_pick .pick_box .pick_lst li a strong{ color:#000; font-size: 1.125em; font-weight:400; letter-spacing:-0.5px; }
.editor_pick .pick_box .pick_lst li a:hover{background:#f8f8f8; transition:all 0.3s;}
.editor_pick .pick_box .pick_lst li a span{ color:#777; font-size: 1.10em; padding-left:10px; margin-right:5px; vertical-align:middle; letter-spacing:-0.5px; background:url(/images/main/ball.png) no-repeat left 8px;}



/* 이번주 인기 기사 */
.BOXBest { text-align:left;width:100%; overflow: hidden;}
.BOXBest .secTit { position:relative;border-bottom:1px solid #666;margin-bottom:16px;padding-bottom:10px; }
.BOXBest .secTit h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px;color:#666; }
.BOXBest .BOXBestList  {margin-right:-30px;}
.BOXBest .BOXBestList li { float:left;width:33.333%; padding-right:30px; height:310px; box-sizing: border-box;}
.BOXBest .BOXBestList li:last-child {display:none;}
.BOXBest .BOXBestList li a { display:block; }
.BOXBest .BOXBestList li img { width:100%; }

.BOXBest .box .imgArea { position: relative; overflow: hidden;}
.BOXBest .box .imgArea span.overlay {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.0;
}
.BOXBest .box:hover .imgArea span.overlay {opacity: 0.3;}
.BOXBest .box .imgArea img {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    width: 100%;
}
.BOXBest .box:hover .imgArea img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.BOXBest .box .description {padding: 10px 0 10px;    position: relative;    top: 0px;    left: 0px;    z-index: 2;    text-align: justify;    opacity: 1.0;    border: 0px solid #f00;}
.BOXBest .box .description h3 { margin-top:5px;  font-size: 1.250em;  color: #000; line-height:1.45em;} 
.BOXBest .box .description span {    padding: 0px 0 0px 0; text-align: left; font-size: 1.1em;    color: #777;  letter-spacing: -0.2px; display: block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:1300px){
	.BOXBest .box .description {padding: 0px 0 10px; }
}

@media(max-width:1200px){
	.BOXBest .box .description {padding: 10px 0 30px; }
}

@media(max-width:1100px){
	.BOXBest .box .description {padding: 0px 0 10px; }
}

@media screen and (max-width: 996px) {
	.BOXBest .box .description {padding: 5px 0 30px; }
}

@media screen and (max-width: 769px) {
	.BOXBest { margin-top:0px !important;}
	.BOXBest .secTit {padding:0 0px 5px 0px; }
	.BOXBest .secTit h3 {font-size: 1.3em;}
	.BOXBest .BOXBestList li { float:left;width:100%; padding-right:0px; height:auto;}
	.BOXBest .BOXBestList li:last-child {display:block;}
	.BOXBest .box .description {padding: 6px 0 26px;}
	.BOXBest .box .description h3 { margin-top:4px; font-size: 1.125em; letter-spacing:-0.8px;}
	.BOXBest .box .description span { display: block; font-size: 1.05em; letter-spacing:-0.8px;}
}

@media(max-width:640px){
	.BOXBest { }
}




.boxVideo { float:right;text-align:left;width:46%; }
.boxVideo .secTit { position:relative;border-bottom:1px solid #666;margin-bottom:16px;padding-bottom:10px; }
.boxVideo .secTit h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px;color:#666; }
.boxVideo a.btn1  {display:block;width:100%; text-align:center; height:35px; line-height:34px !important; font-size: 1.0em;  line-height:16px; background:#B71E23; color:#fff; font-weight:500; border-radius:2px;}
.boxVideo a.btn1:hover {background:#A40303 !important;}
.boxVideo dl { margin-bottom:20px; }
.boxVideo dt { font-size:1.2em;margin-bottom:10px; font-weight: 500; }
.boxVideo dd { font-size:1.1em;margin-bottom:10px; }

.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom:15px;
}
.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}


.boxVideo2 { text-align:left;width:100%;}
.boxVideo2 .secTit { position:relative;border-bottom:1px solid #666;margin-bottom:16px;padding-bottom:10px; }
.boxVideo2 .secTit h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px;color:#666; }
.boxVideo2 .secTit p{float:right; width:180px; margin-top:-30px;}
.boxVideo2 a.btn1  {display:block;width:100%; text-align:center; height:30px; line-height:29px !important; font-size: 1.0em;  line-height:16px; background:#B71E23; color:#fff; font-weight:500; border-radius:2px;}
.boxVideo2 a.btn1:hover {background:#A40303 !important;}
.boxVideo2 dl { margin-bottom:20px; }
.boxVideo2 dt { font-size:1.2em;margin-bottom:10px; font-weight: 500; letter-spacing:-0.8px;}
.boxVideo2 dd { font-size:1.1em;margin-bottom:10px; }
.boxVideo2 li {float:left; }
.boxVideo2 li:first-child {width:50%; padding:0 15px 10px 0px; box-sizing:border-box;}
.boxVideo2 li:last-child {width:50%; padding:0 0px 10px 15px; box-sizing:border-box;}
.boxVideo2 .pc_view{display:block;}
.boxVideo2 .mo_view{display:none;}

/* 이번주 인기 기사 */
.boxBest { float:left;text-align:left;width:50%; }
.boxBest .secTit { position:relative;border-bottom:1px solid #666;margin-bottom:16px;padding-bottom:10px; }
.boxBest .secTit h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px;color:#666; }
.boxBest .boxBestList li { float:left;width:47.5%;margin-left:5%; height:210px;}
.boxBest .boxBestList li:first-child { margin-left:0; }
.boxBest .boxBestList li:nth-child(3) { margin-left:0; }
.boxBest .boxBestList li a { display:block; }
.boxBest .boxBestList li img { width:100%; }

.boxBest .box .imgArea { position: relative; overflow: hidden;}
.boxBest .box .imgArea span.overlay {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.0;
}
.boxBest .box:hover .imgArea span.overlay {opacity: 0.3;}
.boxBest .box .imgArea img {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    width: 100%;
}
.boxBest .box:hover .imgArea img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.boxBest .box .description {padding: 0px 0 10px;    position: relative;    top: 0px;    left: 0px;    z-index: 2;    text-align: justify;    opacity: 1.0;    border: 0px solid #f00;}
.boxBest .box .description h3 { margin-top:5px;  font-size: 1.1em;  color: #000; line-height:1.45em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.boxBest .box .description span {padding: 0px 0 0px 0; text-align: left; font-size: 1.1em; color: #777;  letter-spacing: -0.2px; display: none; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:1300px){
	.boxBest .box .description {padding: 0px 0 10px; }
}

@media(max-width:1200px){
	.boxBest .box .description {padding: 10px 0 30px; }
}

@media(max-width:1100px){
	.boxBest .box .description {padding: 0px 0 10px; }
}

@media screen and (max-width: 996px) {
	.boxBest .box .description {padding: 5px 0 30px; }
}

@media screen and (max-width: 769px) {
	.boxBest { width:100%;}
	.boxBest .secTit {padding:0 0px 5px 0px; }
	.boxBest .secTit h3 {font-size: 1.3em;}
	.boxBest .boxBestList li { float:left;width:100%;margin-left:0%; height:auto;}
	.boxBest .box .description {padding: 6px 0 26px;}
	.boxBest .box .description h3 { margin-top:4px; font-size: 1.125em; letter-spacing:-0.8px;}
	.boxBest .box .description span { display: block; font-size: 1.05em; letter-spacing:-0.8px;}
	.boxVideo { float:none;text-align:left;width:100%;padding-bottom:20px; }
	.boxVideo .secTit { padding-bottom:4px; }
	.boxVideo dt { font-size:1.125em; letter-spacing:-0.8px;}
	.boxVideo dd{ display:none;}

	.boxVideo2 { overflow:hidden; margin:-25px 0 0px 0;}
	.boxVideo2 .secTit { padding-bottom:4px; }
	.boxVideo2 dt { font-size:1.125em;letter-spacing:-0.8px;}
	.boxVideo2 dd{ display:none;}
	.boxVideo2 li:first-child {width:100%; padding:0 0 5px 0px; }
	.boxVideo2 li:last-child {width:100%; padding:0 0 0px 0px; }
	.boxVideo2 .pc_view{display:none;}
	.boxVideo2 .mo_view{display:block;}

	.youtubeWrap {margin-bottom:10px;}

}

@media(max-width:640px){
	.boxBest { margin-top:-32px;}

}


/* 이슈별 기사모음 */
.issue { text-align:left; }
.issue .secTit { position:relative;border-bottom:1px solid #666;margin-bottom:16px;padding-bottom:10px; }
.issue .secTit h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px;color:#666; }
.issue .secTit ul { position:absolute;right:0;bottom:5px; }
.issue .secTit li { float:left; }
.issue .secTit li a { padding:5px 20px;background:#ffffff;border:1px solid #666666; }
.issue .secTit li a.act { background:#666666;color:#ffffff; }
.issue .issueList li { float:left;width:23.5%;margin-left:2%;border:1px solid #d7d7d7; }
.issue .issueList li:first-child { margin-left:0; }
.issue .issueList li a { display:block; }
.issue .issueList li img { width:100%; }
.issue .issueList li p { margin:6px 10px 9px 10px ;min-height:38px;}
.issue .issueList li strong { font-size: 1.1em; font-weight:400; letter-spacing:-0.5px; color:#000;}
.issue .issueList li span { display:none; color:#777; font-size: 1.05em; line-height:160%; letter-spacing:-0.8px; }
.issueConAll h4 { display:none; }
	#issueCon2 { display:none; }

@media(max-width:1100px){
	.issueTab { display:block; }
	.issue .issueList li p { min-height:45px; }
}
@media(max-width:769px){
	.issue .secTit{padding:0 0px 5px 0px; }
	.issue .secTit h3 {font-size: 1.3em;}
}
@media(max-width:640px){
	.issue { margin-top:-32px;}
	.issue .issueList li { width:48.8%;margin-left:2.4%;margin-bottom:20px; border:none; }
	.issue .issueList li:nth-child(3) { margin-left:0;clear:both; }
	.issue .issueList li img { border:1px solid #d7d7d7; }
	.issue .issueList li p { margin:5px 0px 0px 0px;}
	.issue .issueList li strong {font-size: 1.125em; line-height:1.45em; letter-spacing:-0.8px; font-weight:400; width:100%; margin-top:2px; height:45px; display: inline-block; overflow:hidden;text-overflow:ellipsis;}
	.issue .issueList li span { font-size: 1.05em; padding-left:0px; margin-right:0px; line-height:160%; letter-spacing:-0.8px; display: block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.issueTab { display:none; }
	.issueConAll h4 { display:block; color:#888; vertical-align:middle; font-size:16px; word-break:keep-all; line-height:1.3em; margin-top:-3px; padding:0px 0 12px 0; letter-spacing:-0.5px; position:relative;z-index:1; font-weight:500;clear:both; }
	#issueCon2 { display:block; }
	.issueConAll h4.line { border-top:1px solid #d7d7d7; padding-top:20px !important; margin-top:32px !important;}
}



/* 이슈별 기사모음 2 */
.issueBox { text-align:left; margin:-32px 0 55px 0; overflow:hidden; }
.issueBox .secTit { position:relative;border-bottom:1px solid #666;margin-bottom:16px;padding-bottom:10px; }
.issueBox .secTit h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;letter-spacing: 0px; font-size: 1.4em; font-weight: 600 !important; letter-spacing:-1px;color:#666; }
.issueBox .secTit ul { position:absolute;right:0;bottom:5px; }
.issueBox .secTit li { float:left; }
.issueBox .secTit li a { padding:5px 20px;background:#ffffff;border:1px solid #666666; }
.issueBox .secTit li a.act { background:#666666;color:#ffffff; }
.issueBox .issueBoxList li { float:left;width:23.5%;margin-left:2%;border:1px solid #d7d7d7; }
.issueBox .issueBoxList li:first-child { margin-left:0; }
.issueBox .issueBoxList li a { display:block; }
.issueBox .issueBoxList li img { width:100%; }
.issueBox .issueBoxList li p { margin:6px 10px 9px 10px ;min-height:38px; height:65px;}
.issueBox .issueBoxList li strong { font-size: 1.1em; font-weight:400; letter-spacing:-0.5px; color:#000;}
.issueBox .issueBoxList li span { color:#777; font-size: 1.05em; line-height:160%; letter-spacing:-0.8px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.issueBoxConAll h4 { display:none; }
	#issueCon2 { display:none; }

@media(max-width:1100px){
	.issueBoxTab { display:block; }
	.issueBox .issueBoxList li p { min-height:45px; }
}
@media(max-width:769px){
	.issueBox { margin:10px 0 0px 0; }
	.issueBox .secTit{padding:0 0px 5px 0px; }
	.issueBox .secTit h3 {font-size: 1.3em;}
}
@media(max-width:640px){
	.issueBox .issueBoxList li { width:48.8%;margin-left:2.4%;margin-bottom:20px; border:none; }
	.issueBox .issueBoxList li:nth-child(3) { margin-left:0;clear:both; }
	.issueBox .issueBoxList li img { border:1px solid #d7d7d7; }
	.issueBox .issueBoxList li p { margin:5px 0px 0px 0px;}
	.issueBox .issueBoxList li strong {font-size: 1.05em; line-height:1.45em; letter-spacing:-0.8px; font-weight:400; width:100%; margin-top:2px; height:45px; display: inline-block; overflow:hidden;text-overflow:ellipsis;}
	.issueBox .issueBoxList li span { font-size: 1.0em; padding-left:0px; margin-right:0px; line-height:160%; letter-spacing:-0.8px; display: block; }
	.issueBoxTab { display:none; }
	.issueBoxConAll h4 { display:block; color:#888; vertical-align:middle; font-size:16px; word-break:keep-all; line-height:1.3em; margin-top:-3px; padding:0px 0 12px 0; letter-spacing:-0.5px; position:relative;z-index:1; font-weight:500;clear:both; }
	#issueCon2 { display:block; }
	.issueBoxConAll h4.line { border-top:1px solid #d7d7d7; padding-top:20px !important; margin-top:32px !important;}
}




/* 최신기사 좌우 */
.box_News ul{}
.box_News li{float:left; width:50%; padding:0 1.2% 0 0%; text-align:left; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.box_News li:nth-child(odd){clear: both;}



/*인포그래픽  Infographic*/
.info_box ul{margin-top:3px; margin-left:-30px;}
.info_box li{float:left; width:25%; padding:0 0% 0 30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.info_box li strong{display:block; font-size: 1.25em; margin-top:10px; font-weight:400; letter-spacing:-0.3px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(max-width:769px){
	.section_title{padding:0 0px 5px 0px; }
    .section_title > h3 {font-size: 1.3em;}
	.box_News li{width:100%; padding:0 0%; text-align:left;}
}


@media(max-width:640px){
	.editor_pick { margin-top:-32px;}
	.editor_pick .pick_box h4 { display:block; padding:0px 0 12px 0;}
	.editor_pick ul li{ width:100%; padding-right:0px; }
	.editor_pick ul li:last-child{ width:100%; border-top:1px solid #d7d7d7; padding:20px 0 0px 0; }
	.editor_pick .pick_box{ border:none;}
    .editor_pick .pick_box .pick_lst {margin:0px -16px 0px 0px; }
	.editor_pick .pick_box .pick_lst li{float:left; width:50%; border:none; padding:0 10px 20px 0px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.editor_pick .pick_box .pick_lst li:nth-child(odd) {clear: both; }
	.editor_pick .pick_box .pick_lst li a{ padding:0px 0px; text-overflow:ellipsis; white-space:normal; height:auto;}
	.editor_pick .pick_box .pick_lst li a p{ padding:0px 0px; width:97.2%; background:#fff;}
	.editor_pick .pick_box .pick_lst li a span{ vertical-align:top; font-size: 1.05em; padding-left:0px; margin-right:0px; line-height:160%; letter-spacing:-0.8px; background:none; display: block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	.editor_pick .pick_box .pick_lst li a strong{  background:#fff; margin-top:2px; line-height:1.45em; letter-spacing:-0.8px; font-weight:400; width:100%; height:45px; display: inline-block; overflow:hidden;text-overflow:ellipsis;}
	.editor_pick .pick_box .pick_lst li .thumb_img{ display:block; border:1px solid #ddd; box-sizing:border-box; max-width:100%; margin-bottom:5px;}
	.editor_pick .pick_box .pick_lst li .thumb_img span{display:block; text-align:center;}
	.editor_pick .pick_box .pick_lst li .thumb_img img{ width:100%; }

	.info_box ul{margin-left:0px; margin-left:-10px; background:#ccc;}
	.info_box li{float:left; width:50%; padding:0 0px 20px 10px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
	.info_box li strong{font-size: 1.0em; text-align:left; letter-spacing:-0.8px; }

}
@media(min-width:641px){
	.editor_pick .pick_box .pick_lst li .thumb_img{display:none;}
}

@media(max-width:340px){
	.editor_pick .pick_box .pick_lst li .thumb_img img{ }
}



@media screen and (min-width: 1101px) {
	.m_left{float:left; width:76.8%; margin-top:-15px; padding-right:30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.m_right{float:left; width:23.2%; margin-top:13px; }

	.main_left{float:left; width:76.8%; margin-top:-15px; padding-right:30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.main_right{float:left; width:23.2%; margin-top:13px; }
}


@media screen and (max-width: 1100px) {
	/*.m_right{margin:-20px -15px -15px -15px;  background:#fff; }  */
	.m_left{ float:none;  width:100%; }
	.m_left:after	{content: "";	display: block;	clear: both}
	.m_right{ float:none;  width:100%;  margin-top:30px !important; }

	.main_left{ float:none;  width:100%; }
	.main_left:after	{content: "";	display: block;	clear: both}
	.main_right{ float:none;  width:100%;  margin-top:30px !important; }
	.box_cover {margin:-20px 0px -10px 0px; }
}

@media screen and (min-width: 1100px) {
	.editor_pick{ margin-bottom:0px; }
	.box_cover {margin-top:0px;}
}












/*****************************************************************
서브페이지 > 레이아웃
*****************************************************************/
/* 서브페이지 상단여백 */
#sub_wrap {
    margin-top: 0px;
}

#contentsArea {
    max-width: 100%;
    text-align: left;
    background-color: #fff;
    margin-top: 0px;
}
#contentsArea img {
    max-width: 100%;
}


/*****************************************************************
서브페이지 > 상단이미지 : 공통
*****************************************************************/
/* 상단배경이미지 */
.nt_imgArea {
    width: 100%;
    height: 200px;
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    display: table;
}
.nt_imgArea .con {
    width: 100%;
    background-position: center center;
    background-size: cover;/* 사용값 : cover, auto */
    animation-name: zoom;
    animation-duration: 2s;
    animation-delay: 1.5s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    display: table-cell;
    vertical-align: middle;
    transform: scale(1.1, 1.1);
}
.nt_imgArea .con:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);/* overlay */
    width: 100%;
    height: 200px;
}

@keyframes zoom {
    from {
        transform: scale(1.1, 1.1);
    }
    to {
        transform: scale(1.0, 1.0);
    }
}

/* 설명텍스트 */
.nt_imgArea .con p {
    display: block;/* 사용값 : none, block */
    max-width: 1300px;
    margin: 0 auto;
    padding: 0px 15px 0;/* 여백조절 */
    text-align: right;/* 위치조절 : left, center, right */
    font-size: 0.750em;
	font-weight: 100;
    color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 768px) {
    .nt_imgArea {
        height: 150px;
    }
}





/*****************************************************************
서브페이지 > 현재위치
*****************************************************************/
.n_position {max-width: 1270px; padding-left: 0px;  margin: 30px auto 20px;  text-align: left;  font-size: 1.25em;  font-weight: 300;  color: #333;  display: block;  background:#fff;}
.n_position img { padding-right: 10px; padding-top: 5px; display: none;}
.n_position.on {display: none;}
.n_position a:first-child {background:none; padding:0px 8px 0 0px; }
.n_position a { margin:0; padding:0 8px 0 15px; background:url(/images/btn/ico_location_arrow.gif) no-repeat left 8px; }
.n_position a.current {color:#000; font-weight:400;}

@media screen and (max-width: 1290px) {
	.n_position {max-width: 100%; padding-left: 15px;  margin: 30px  5.0% 20px 5.0%;  text-align: left;  font-size: 1.25em;  font-weight: 300;  color: #333;  display: block;  background:#fff;}
}
@media screen and (max-width: 1190px) {
	.n_position { margin: 30px  9.5% 20px 9.5%;  background:#fff;}
}

/* 본문내용 */
.n_contents {margin: 0px 0 50px;}

.List_area { text-align: left; border-right:1px solid #DDD;  padding: 0 52px 0 0px; }
.List_area_wide { text-align: left; padding: 0 0 0 0px; }
.right_warp {overflow: hidden; text-align: left; padding: 0px; margin-left:25px !important; }



/* 내용영역 */
@media screen and (max-width: 768px) {
    .n_position {padding:4px 10px 6px 10px; margin:0px; margin-bottom:0px; font-size: 1.0em; background:#EAEAEA;}
	.n_position img { padding-right: 5px; padding-top: 3px;}
	.n_position a:first-child {padding:0px 8px 0 0px; }
	.n_position a { padding:0 5px 0 12px; background:url(/images/btn/ico_location_arrow.gif) no-repeat left 6px; }
	.right_warp {display: none !impotant;}

}
@media screen and (max-width: 990px) {
    .n_contents > .container > .row > div {
        width: 100%;
    }
    /* 페이지메뉴 슘김 */
    .n_contents > .container > .row > div.col-sm-4 {
        display: none;
    }
	.List_area { border:none; padding: 0 0px 0 0px; }
}
@media screen and (max-width: 1299px) {
	.right_warp {padding: 0 0 0 32px; margin-left:0px !important; }
}

@media screen and (min-width: 990px) {
	.List_area { min-height:1000px;  background:#fff; }
}
@media screen and (min-width: 1299px) {
	.List_area { min-height:700px;  background:#fff; }
}


	/* 최신호, 지난호 보기 */
	.all_Box_cover {overflow:hidden; margin:0px 0 30px 0px; padding:25px 0px 25px 50px; border-bottom:1px solid #D7D7D7; border-top:1px solid #C01919; }
	.all_Box_cover img {float:left; margin:0px 50px 0px 0px; border: #DDDDDD 1px solid; width:200px; max-width:auto; }
	.all_Box_cover div {margin:0px 0px 0px 0px; position: relative; }
	.all_Box_cover div p.imgare {display:none; margin:0px 0 25px 0;}
	.all_Box_cover div p.imgare img{border:none; }
	.all_Box_cover div p.txtare { display:block; font-size: 1.225em; color:#B71E23; font-weight:500; margin:35px 0 25px 0;}
	.all_Box_cover div p.txtare strong {display:block; margin:10px 0px 8px 0px; color:#000; font-weight:600; font-size: 1.8em; }
	.all_Box_cover div p.txtare span { display:block;  margin:5px 10px 5px 1px; color:#666; font-size: 0.9em; font-weight:300; }
	.all_Box_cover div p.txtare em { margin:0px 0px 3px 0px; color:#666; font-size: 0.9em; font-weight:300; font-style:normal; }
	.all_Box_cover a {margin-right:10px;}
	.all_Box_cover a.btn  {font-weight:500; padding:0px 20px; text-align:center; font-size: 1.1em; font-weight:400; line-height:30px; border:1px solid #B71E23 ; background:#B71E23; color:#fff; border-radius:2px;}
	.all_Box_cover a.btn:hover {color:#fff !important; background:#A40303; border:1px solid #A40303;  text-decoration:none;}

@media screen and (max-width: 768px) {
	/* 최신호, 지난호 보기 */
	.all_Box_cover {margin:20px 0 30px 0px; padding:20px 0px 25px 0px; }
	.all_Box_cover img {float:left; margin:0px 20px 0px 0px; border: #DDDDDD 1px solid; width:120px; }
	.all_Box_cover div p.imgare {display:none !important; margin:15px 0 0px 0;}
	.all_Box_cover div p.imgare img{width:140px;}
	.all_Box_cover div p.txtare { display:block; font-size: 1.2em; font-weight:500; margin:5px 0 0px 0; }
	.all_Box_cover div p.txtare strong {display:block; margin:8px 10px 15px 0px; color:#000; font-weight:500; font-size: 1.2em; }
	.all_Box_cover div p.txtare span { display:block;  margin:0px 0px 5px 10px; color:#666; font-size: 0.9em; font-weight:300; }
	.all_Box_cover div p.txtare em { margin:0px 0px 3px 0px; color:#666; font-size: 0.9em; font-weight:300; font-style:normal; }
/* 
	.all_Box_cover div.link {float:left; width:50% !important; margin:10px 0px 0px 0px; text-align:left; }
	.all_Box_cover div.link a {width:45%; margin:0px 5px 0 0; box-sizing: border-box;}
 */
	.all_Box_cover div.link {float:left; width:100% !important; margin:15px 0px 0px 0px; text-align:left; }
	.all_Box_cover div.link a {width:22.5%; margin:0px 5px 0 0; box-sizing: border-box;}
	.all_Box_cover a.btn  {padding:0px 6px; text-align:center; font-size: 0.925em; line-height:26px; border:1px solid #B71E23 ; background:#B71E23; border-radius:1px;}

}


	.pass_Box {overflow:hidden; margin:20px 0 0px 0px;}
	.pass_Box h3.bu {position: relative; padding:10px 0px 10px 0px; margin:0 0 15px 0; clear:both; border-bottom: solid 1px #ccc;}
	.pass_Box h3.bu strong{ display:inline-block;  font-weight:500; }
	.pass_Box h3.bu span  {position: absolute; top:8px; right:0; }
	.pass_Box h3.bu a.btn  {padding:0px 30px; text-align:center; font-size: 0.563em; line-height:26px; font-weight:500; border:1px solid #B71E23 ; background:#B71E23; color:#fff; border-radius:2px;}
	.pass_Box h3.bu a.btn:hover {color:#fff !important; background:#A40303; border:1px solid #A40303;  text-decoration:none;}
	.pass_Box ul {padding:10px 0px 5px 0px;}
	.pass_Box ul li {float:left; width:33.3%; height:360px; padding:25px 4% 0px 4%; text-align:center; border-bottom: dotted 1px #777777; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.pass_Box ul li a {width:100%; display:block;  font-size:13px; color:#666; text-align:center;   }
	.pass_Box ul li a img {display:inline-block; border: solid 1px #eee; width:180px; margin-top:3px; }
	.pass_Box ul li a strong {display:inline-block; margin:0px 8px 3px 0px; color:#000; font-weight:500;}
	.pass_Box ul li a p {margin:5px 0 0 0; font-size:14px; color:#000; font-weight:400;}
	.pass_Box ul li div {margin-top:10px;}
	.pass_Box ul li div button {display:inline-block;  padding:3px 14px;  font-size: 13px;  line-height:16px; color:#fff; border-radius:2px;}
	.pass_Box ul li div button:hover {  background:#A40303; text-decoration:none; }
	.pass_Box ul li div .bu{ border:1px solid #9FA0A0; background:#9FA0A0; }
	.pass_Box ul li div .bu:hover {  border:1px solid #777; background:#777; text-decoration:none; }


@media (max-width:480px){
	.pass_Box h3.bu {margin:0 0 15px 0; padding:10px 0px 15px 0px;}  
	.pass_Box h3.bu strong {margin:0 0 -2px 0; font-size: 22px; } 
	.pass_Box h3.bu a.btn  {margin:0 0 0px 0; padding:0px 15px; font-size: 15px; line-height:26px; }
	.pass_Box ul{margin-top:-20px;}
	.pass_Box ul li {width:50%;}
	.pass_Box ul li:nth-child(1n) { padding-top:20px; height:300px; }
	.pass_Box ul li:nth-child(2n)  { padding-top:20px; height:300px; } 
	.pass_Box ul li:nth-child(odd) {clear: both; }
	.pass_Box ul li a p { letter-spacing: -1.5px;}
	.pass_Box ul li div {margin-top:5px;}
	.pass_Box ul li div button {display:inline-block;  padding:3px 7px; font-size: 11.5px; line-height:15px; }
}

/* 잡지구매  */
.box_book {padding:20px 0px 0 0px; background:#fff; text-align:center; overflow: hidden;  border-top:1px solid #C01919; box-sizing:border-box; }
.box_book div.txt_box {color:#000; font-size:17px; font-weight:400; letter-spacing: 0.1px;}
.box_book div.txt_box strong {display:block; font-size:31px; margin-bottom:0px; font-weight:600; letter-spacing: 0px; line-height:39px; }
.box_book div.txt_box span {display:inline-block; margin-bottom:7px; }
.box_book div {padding:20px 10px 20px 10px; overflow: hidden; }
.box_book div:after { content:""; display:block; clear:both; }
.box_book div span{ display:inline-block; margin-right:10px;}

@media (max-width:768px){
	.box_book {margin-top:20px; padding:0px 0px 0 0px; background:#fff; text-align:center; overflow: hidden;  border-top:1px solid #C01919; box-sizing:border-box;  }
	.box_book div.txt_box {color:#000; font-size:13px; font-weight:400; letter-spacing: -0.3px; line-height:20px; margin-left:0px; text-align:center;}
	.box_book div.txt_box strong {display:block; font-size:25px; margin-bottom:3px; padding-left:10px; font-weight:600; letter-spacing: 0px;  line-height:30px;}
	.box_book div.txt_box span {display:inline-block; margin-bottom:5px; }
}



	.book_Box {overflow:hidden; margin:0px 0 0px 0px;}
	.book_Box h3.bu {position: relative; padding:10px 0px 10px 0px; margin:0 0 15px 0; clear:both; border-bottom: solid 1px #ccc;}
	.book_Box h3.bu strong{ display:inline-block;  font-weight:500;   font-size: 18px; }
	.book_Box h3.bu span  {position: absolute; top:8px; right:0; }
	.book_Box h3.bu a.btn  {padding:0px 30px; text-align:center; font-size: 0.563em; line-height:28px; font-weight:500; border:1px solid #B71E23 ; background:#B71E23; color:#fff; border-radius:2px;}
	.book_Box h3.bu a.btn:hover {color:#fff !important; background:#A40303; border:1px solid #A40303;  text-decoration:none;}
	.book_Box p{ font-size: 16px; font-weight:400; text-align:center; margin:10px 0;}
	.book_Box ul {padding:0px 0px 5px 0px;}
	.book_Box ul li {float:left; width:33.3%; padding:15px 0.5% 15px 0.5%; text-align:center;  -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.book_Box ul li div { position: relative; overflow:hidden; width:100%; height:350px; background:#F8F8F8; padding:15px 0 0px 0; border:1px solid #EAEAEA; }
	.book_Box ul li div a {width:100%; display:block;  font-size:13px; color:#666; text-align:center; }
	.book_Box ul li div a strong {display:inline-block; margin:0px 8px 4px 0px; color:#000; font-weight:500; }
	.book_Box ul li div a img {display:inline-block; width:160px; margin-top:5px; }
	.book_Box ul li div a span {display:block; margin:5px 0 0 0; font-size:14px; color:#000; font-weight:400; letter-spacing: -1px; }
	.book_Box ul li div p.btn_area {position: absolute; width:100%; bottom:12px;  text-align:center;  background:#000 !important; }
	.book_Box ul li div .money {display:block; margin:10px 0 10px 0; font-size:14px; color:#C01919; font-weight:400; letter-spacing: -1px; }
	.book_Box ul li div span.soldout{display:inline-block;  padding:3px 10px;  font-size: 14px;  line-height:16px; border:1px solid #fff; background:#D7D7D7; color:#777 !important; border-radius:2px;}
	.book_Box ul li div button {display:inline-block;  padding:3px 14px;  font-size: 13px;  line-height:16px; color:#fff; border-radius:2px;}
	.book_Box ul li div button:hover {  background:#A40303; text-decoration:none; }
	.book_Box ul li div .bu_cart{ border:1px solid #9FA0A0; background:#9FA0A0; }
	.book_Box ul li div .bu_cart:hover {  border:1px solid #777; background:#777; text-decoration:none; }
	.book_Box ul li div .bu_order{ border:1px solid #B71E23; background:#B71E23; }
	.book_Box ul li div .bu_order:hover {  border:1px solid #A40303; background:#A40303;  text-decoration:none; }


@media (max-width:480px){
	.book_Box h3.bu {margin:0 0 15px 0; padding:10px 0px 15px 0px;}  
	.book_Box h3.bu strong {margin:0 0 -2px 0; } 
	.book_Box h3.bu a.btn  {margin:0 0 0px 0; padding:0px 15px; font-size: 15px; line-height:28px; }
	.book_Box p{ font-size: 14px;}
	.book_Box ul li {width:50%; }
	.book_Box ul li div { position: relative; height:340px; padding:15px 10px 0px 10px; }
	.book_Box ul li div p.btn_area {position: absolute; bottom:12px;   background:#ccc;}
	.book_Box ul li div button {padding:3px 7px;}
}

	/*지난호 목록 아래 */
	.dateController{text-align:center; background-color:#fff; padding:15px 0 0 0; border-top:1px dotted #666; }
	.dateController span{cursor:pointer}
	.dateController span img{vertical-align: middle;}
	.dateController .left{color:#999}
	.dateController .cur{font-size:1.2em; margin:0 10px;}
	.dateController .cur strong {display:inline-block; margin:0px 8px 5px 0px; font-size:1.3em; color:#000; font-weight:500;}
	.dateController .right{color:#999}

	.dateController select { width:120px; display:inline-block;}






/*****************************************************************
서브페이지 > 페이지메뉴 공통
*****************************************************************/
.pageMenu {
    max-width: 230px;
    width: 100%;
    margin-top: 0px;
    text-align: center;
    overflow: hidden;
}
.pageMenu > .container-fulid,
.pageMenu > .container-fulid > .row,
.pageMenu > .container-fulid > .row > div {
    margin: 0px;
    padding: 0px;
}

.pageMenu h2 {

    /* 배경 : 기본색상 */
    background: #ccc;
    
    /* 배경 : 그라데이션 적용 */
    background: -moz-linear-gradient(30deg,  #dddddd 0%, #eeeeee 29%, #eeeeee 29%, #dddddd 29%, #f4f4f4 39%, #dddddd 100%);
    background: -webkit-linear-gradient(30deg,  #dddddd 0%,#eeeeee 29%,#eeeeee 29%,#dddddd 29%,#f4f4f4 39%,#dddddd 100%);
    background: linear-gradient(30deg,  #dddddd 0%,#eeeeee 29%,#eeeeee 29%,#dddddd 29%,#f4f4f4 39%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=1 );

    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-bottom: 1px;
    font-size: 1.5em;
    font-weight: 100;
    color: #000;
}
.pageMenu ul {
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ddd;
}
.pageMenu ul li,
.pageMenu #leftoff,
.pageMenu #lefton {
/*    float: left;*/
    min-width: 100%;/* 12.5%, 100% */
    padding: 0px !important;
}
.pageMenu ul li a,
.pageMenu #leftoff a,
.pageMenu #lefton a {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 0.875em;
    color: #666;
}
.pageMenu ul li:hover a,
.pageMenu #leftoff:hover a {
    background-color: #eee;
    color: #000;
}
.pageMenu ul li.on a,
.pageMenu #lefton a {
    background-color: #ddd;
    box-sizing: border-box;
    color: #111;
    font-weight: 700;
    position: relative;
}

@media screen and (max-width: 768px) {
    .n_contents > .container > .row > div.col-sm-4 > .pageMenu {
        max-width: 100%;
    }
}



/*****************************************************************
서브페이지 > 배너
*****************************************************************/
.left_banner {
    max-width: 230px;
    margin-top: 10px;
    text-align: left;
    display: block;/* none, block */
}
.left_banner a { display: inline-block;margin-top: 5px;}
.left_banner img {width: 100%;}
.left_banner.on { display: none;}

@media screen and (max-width: 768px) {
    .left_banner {display: none;}
}



/*****************************************************************
서브페이지 > 페이지 타이틀
*****************************************************************/
.n_tit_page {    padding: 15px 0 20px 0;    text-align: left;    position: relative;    color: #111;    border: 0px solid #f00; background-color: #fff;   display: none;}
.n_tit_page:before {
    content: '';
    position: absolute;
    top: 0px;    left: 0px;    width: 30px;    height: 3px;    background-color: #111;}

.n_tit_page h2 {    font-weight: 500;    font-size: 1.8em;    color: #111; }
.n_tit_page p {    padding: 10px 0;    line-height: 110%;    font-size: 0.95em;    font-weight: 300;    color: #555;}

@media screen and (max-width: 768px) {
    .n_tit_page { margin-top: 0px; padding: 0px 0 12px 0;}
	.n_tit_page:before {display:none;}
	.n_tit_page h2 {display:none;}
}


.sub_title {    margin-top:0px; padding: 15px 0 20px 0;    text-align: left;    position: relative;    color: #111;    border-top: 1px solid #C01919;  }
.sub_title h2 { margin-top:20px;  font-weight: 500;    font-size: 1.3em;    color: #111; display:none;}

.sub_title_order {    margin-top:0px; padding: 15px 0 20px 0;    text-align: left;    position: relative;    color: #111;    border-top: 1px solid #C01919;  }
.sub_title_order h2 { margin-top:20px;  font-weight: 500;    font-size: 1.3em;    color: #111; display:none;}

@media screen and (max-width: 768px) {
    .sub_title { margin-top: 10px; padding: 0px 0 20px 0; border-top: 1px solid #fff; }
	.sub_title:before {}
	.sub_title h2 {display:none;}

    .sub_title_order { margin-top: 10px; padding: 0px 0 20px 0; border-top: 1px solid #fff; }
	.sub_title_order:before {}
	.sub_title_order h2 {display:none;}
}












/*****************************************************************
공통하단 : 공통영역
*****************************************************************/
#n_footer {
    width: 100%;
    margin-top: 0px;
    padding-bottom: 10px;
    background-color: #777777;/**/
    text-align: left;
}

#n_footer:after {
    content: '';
    display: block;
    clear: both;
}


/*****************************************************************
공통하단 : sec01 : 영역
*****************************************************************/
#n_footer .sec01 {
    margin: 0px auto 20px;
    padding: 10px 0;
    background-color: #333333;/**/
}


/*****************************************************************
공통하단 : sec01 > sec01_01 : HOME,GUIDE,AGREEMENT...
*****************************************************************/
#n_footer .sec01 .sec01_01 ul {
    overflow: hidden;
}
#n_footer .sec01 .sec01_01 ul li {
    float: left;
    padding-right: 20px;
}
#n_footer .sec01 .sec01_01 ul li a {
    position: relative;
    display: block;
    font-size: 1.10em;
    font-weight: 400;
    color: #9E9E9E;
    padding: 5px 0;
}
#n_footer .sec01 .sec01_01 ul li a:hover {
    color: #EAEAEA;
}
#n_footer .sec01 .sec01_01 ul li a:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -11px;
    width: 1px;
    height: 13px;
    background-color: #666;
}
#n_footer .sec01 .sec01_01 ul li:last-child a:after {
    display: none;
}

@media screen and (max-width: 768px) {
	#n_footer .sec01 {margin: 0px auto 15px; padding: 8px 0;}
	#n_footer .sec01 .sec01_01 ul li {padding-right: 17px;}
	#n_footer .sec01 .sec01_01 ul li:last-child {padding-right: 0px;}
	#n_footer .sec01 .sec01_01 ul li a {font-size: 0.9em; letter-spacing: -0.5px;}
	#n_footer .sec01 .sec01_01 ul li a:after { top: 9px; height: 10px; right: -10px; }

}

/*****************************************************************
공통하단 : sec01 > sec01_02 : admin, shoppingmall
*****************************************************************/
#n_footer .sec01 .sec01_02 {
    overflow: hidden;
    border: 0px solid #f00;
}
#n_footer .sec01 .sec01_02 ul {
    overflow: hidden;
    float: right;
}
#n_footer .sec01 .sec01_02 ul li {
    float: left;
    margin: 0 0 0 5px;
}
#n_footer .sec01 .sec01_02 ul li a {
    display: block;
    background-color: #888;
    border-radius: 2px;
    padding: 5px 12px;
    font-size: 0.875em;
    color: #eee;
}
#n_footer .sec01 .sec01_02 ul li:hover a {
    background-color: #333;
    color: #eee;
}

@media screen and (max-width: 768px) {
    #n_footer .sec01 .sec01_02 ul li{
        float: left; text-align:center; 
    }
    #n_footer .sec01 .sec01_02 ul li {
        margin: 5px 5px 5px 0;
    }
}




/*****************************************************************
공통하단 : sec02 : 영역
*****************************************************************/
/* sec02 */
#n_footer .sec02 {
    margin-bottom: 20px; 
/*    border: 10px solid #f00;*/
}


/*****************************************************************
공통하단 : sec02 > sec02_01 : 로고, 주소 등...
*****************************************************************/
#n_footer .sec02 .sec02_01 .ns_address h2 {margin:-12px 0px 10px 0px; float:left;}
#n_footer .sec02 .sec02_01 .ns_address h2 img {width:100%;}
#n_footer .sec02 .sec02_01 .ns_address ul li { font-size: 1.0em; font-weight:300; line-height: 18px; color: #D7D7D7;}
#n_footer .sec02 .sec02_01 .ns_address .des {
    font-size: 0.750em;
    font-weight: 100;
    margin-top: 40px;
    line-height: 120%;
    color: #bbb;
    padding-bottom: 30px;
}
#n_footer .sec02 .sec02_01 .ns_address a:hover,
#n_footer .sec02 .sec02_01 .ns_address a:visited {color: #555;}
#n_footer .sec02 .sec02_01 .ns_address ul {overflow: hidden; margin-left:35px; }
#n_footer .sec02 .sec02_01 .ns_address ul li {padding-bottom:6px; line-height:1.0em; }
#n_footer .sec02 .sec02_01 .ns_address ul li span {display:inline-block; margin-bottom:4px; padding-right:5px; font-size: 0.95em; font-weight:500; text-align:left; }
#n_footer .sec02 .sec02_01 .ns_address ul li em { display:inline-block; font-size: 0.80em; margin:0 7px 5px 7px; font-style:normal}

@media screen and (max-width: 768px) {
	#n_footer .sec02 .sec02_01 .ns_address h2 {float:none; margin-top:-10px; margin-left:-3px;}
	#n_footer .sec02 .sec02_01 .ns_address h2 img {width:165px; height:14px;}
	#n_footer .sec02 .sec02_01 .ns_address ul {float:none; margin-top:0px; margin-left:-3px;}
	#n_footer .sec02 .sec02_01 .ns_address ul li {font-size: 0.9em; line-height: 16px; letter-spacing: -0.5px;}
	#n_footer .sec02 .sec02_01 .ns_address ul li span {font-size: 0.9em; margin-bottom:4px; }
	#n_footer .sec02 .sec02_01 .ns_address ul li em.no { display:none;}
 }
@media screen and (min-width: 769px) {
	#n_footer .sec02 .sec02_01 .ns_address ul {position: absolute; top:0; left:190px;}
 }
/*****************************************************************
공통하단 : sec02 > sec02_02 : QUICK LINK
*****************************************************************/

#n_footer .sec02 .sec02_02 .ns_link {
    margin-bottom: 20px; position: relative;
}
#n_footer .sec02 .sec02_02 .ns_link h3 {
    font-size: 1.0em;
    font-weight: 500;
    color: #222;
    padding: 5px 0;
}
#n_footer .sec02 .sec02_02 .ns_link .form-group {
    margin: 5px 0 10px;
    display: block;
}
#n_footer .sec02 .sec02_02 .ns_link .form-group select {
    font-size: 0.850em;
    border-radius: 2px;
}
#n_footer .sec02 .sec02_02 .ns_link ul li {
    padding-bottom: 5px
}
#n_footer .sec02 .sec02_02 .ns_link ul li a {
    display: block;
    font-size: 0.875em;
    color: #666;
}
#n_footer .sec02 .sec02_02 .ns_link ul li a:hover {
    color: #111;
}
#n_footer .sec02 .sec02_02 .ns_link .glyphicon {
    font-size: 1.0em;
    color: #444;
    padding-right: 10px;
}

@media screen and (max-width: 768px) {
	#n_footer .sec02 .sec02_02 .ns_link .form-group {}
}

/*****************************************************************
공통하단 : sec02 > sec02_02 : familySite
*****************************************************************/
#n_footer .sec02 .sec02_02 .ns_familySite {
    margin-bottom: 30px;
}
#n_footer .sec02 .sec02_02 .ns_familySite h3 {
    font-size: 1.0em;
    font-weight: 500;
    color: #222;
    padding: 5px 0;
}
#n_footer .sec02 .sec02_02 .ns_familySite ul {
    overflow: hidden;
}
#n_footer .sec02 .sec02_02 .ns_familySite ul li {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 2px;
    overflow: hidden;
    float: left;
    width: 55px;
    max-height: 55px;
    margin: 0px 3px 3px 0px;
    border: 1px solid #ccc;
    opacity: 0.6;
}
#n_footer .sec02 .sec02_02 .ns_familySite ul li:hover {
    opacity: 1.0;
}
#n_footer .sec02 .sec02_02 .ns_familySite ul li img {
    width: 100%;
    height: 100%;
}




/************************************************************
    쇼핑몰(shopping mall) : 하단영역
************************************************************/
/* 계좌번호 : sec02 > sec02_03 : BANK INFO */
#n_footer .sec02 .sec02_03 .ns_bank {
    margin-bottom: 20px;
}
#n_footer .sec02 .sec02_03 .ns_bank h3 {
    font-size: 1.0em;
    font-weight: 500;
    color: #222;
    padding: 5px 0;
}
#n_footer .sec02 .sec02_03 .ns_bank ul li {
    font-size: 0.875em;
    line-height: 140%;
    letter-spacing: 1px;
    color: #555;
}
#n_footer .sec02 .sec02_03 .ns_bank ul li span {
    letter-spacing: 0px;
    padding-right: 1px;
    vertical-align: top;
    color: #888;
}


/* 에스크로 : sec02 > sec02_03 : ESCROW SERVICE */
#n_footer .sec02 .sec02_03 .ns_escrow {
    margin-bottom: 20px;
}
#n_footer .sec02 .sec02_03 .ns_escrow h3 {
    font-size: 1.0em;
    font-weight: 500;
    color: #222;
    padding: 5px 0;
}
#n_footer .sec02 .sec02_03 .ns_escrow p {
    font-size: 0.875em;
    color: #888;
    line-height: 120%;
}
#n_footer .sec02 .sec02_03 .ns_escrow ul {
    overflow: hidden;
    margin-top: 5px;
}
#n_footer .sec02 .sec02_03 .ns_escrow ul li {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 2px;
    overflow: hidden;
    float: left;
    width: 43px;
    height: 43px;
    margin: 0px 3px 3px 0px;
    border: 1px solid #ccc;
    opacity: 0.6;
}
#n_footer .sec02 .sec02_03 .ns_escrow ul li:hover {
    opacity: 1.0;
}
#n_footer .sec02 .sec02_03 .ns_escrow ul li img {
    width: 100%;
    height: 100%;
}








/*****************************************************************
기타 > 스크롤탑
*****************************************************************/
.scrollToTop {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    text-align: center;
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #111;
    border-radius: 2px;
}
.scrollToTop:hover {
    bottom: 25px;
}

.scrollToTop a {
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 1.0em;
    padding-top: 7px;
    color: #aaa;
}
.scrollToTop a:hover {
    color: #fff;
}





.boardContainer { float:left;width:100%;border-top:1px solid #dcdcdc;background:#f4f4f4; }
.boardWrap { margin:0 auto;width:100%;max-width:1270px;box-sizing:border-box; }
.boardWrap ul, .boardWrap li { float:left; }
.boardWrap .fl { float:left;font-size:20px;width:50%;padding:20px;text-align:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle; }
.boardWrap .fr { float:right;padding:20px 0; }
.boardWrap .fr li { margin-right:10px; }
.boardWrap .kakao {display:none;}
.boardWrap .line {display:none;}

@media screen and (max-width: 768px) {
.boardWrap .fl { width:100%;padding:10px 10px;font-size:18px;}
.boardWrap .fr { float:left;padding:0 0 10px 10px; }
.boardWrap .fr a img{ width:90%;}
.boardWrap .kakao {display:block;}
.boardWrap .line {display:block;}
}