@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);/*Nanum Gothic*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);/*Nanum Myeongjo*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);/*Nanum Gothic Coding*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);/*Nanum Brush Script*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);/*Nanum Pen Script*/

:root {
    --color-red: #e02511;
    --color-tomato: #e84c3d;

    --color-yellow:#f39c11;
    --color-blue:#476ca3;
    --color-crimson:#68af68;
    --color-grey200:#efefef;
    --color-grey300:#e1e7f0;
    --color-grey400:#9fa0a0;
    --color-grey600:#808080;
    --color-border: #bcbcbd;
    --color-white: #fff;
    --color-black: #000;
}

*::-webkit-scrollbar {/*width:0.1875rem;*/width:10px !important; height:8px !important}
*::-webkit-scrollbar-track{background-color:transparent}
*::-webkit-scrollbar-thumb{background: rgba(135, 139, 144, 0.5); border-radius:2rem}
*::-webkit-scrollbar-thumb:hover{background: rgba(135, 139, 144, 0.5); width:8px}

* {font-family:'Malgun Gothic', 'lucida grande';}

html, body, section, div, ul, li, h1, h2, h3, p, span {margin:0; padding:0; font-size:12px}
header,section, footer{clear:both}
h2{text-align:center}
a{list-style:none; text-decoration:none; color:#000; cursor:pointer}
li{float:left}
img {width:100%; border:0}
button {cursor:pointer}

/*flaot*/
.fl_left {float:left !important}
.fl_right {float:right !important}

/*여백*/
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}

/*텍스트 정렬설정*/
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}

/*버튼*/
.btn {outline:none; border:none; text-align:center; width:100%; line-height:50px; display:inline-block}
.btn_red {background-color:var(--color-red); color:var(--color-white)}
.btn_tomato {background-color:var(--color-tomato); color:var(--color-white)}
.btn_tomato:hover {background-color:var(--color-red)}
.btn_yellow {background-color:var(--color-yellow); color:var(--color-white)}
.btn_blue {background-color:var(--color-blue); color:var(--color-white)}
.btn_crimson {background-color:var(--color-crimson); color:var(--color-white)}
.btn_grey200 {background-color:var(--color-grey200)}
.btn_grey200:hover {background-color:var(--color-grey300)}
.btn_grey400 {background-color:var(--color-grey400); color:var(--color-white)}



/*색상설정*/
.black, .black:visited { color:#000000 }
.dimgray, .dimgray:visited { color:#5e5e5e }
.gray, .gray:visited { color:#808080 }
.lightsegray, .lightsegray:visited { color:#c9caca }
.lightsegray2, .lightsegray2:visited{color:#9fa0a0}
.darkgray, .darkgray:visited { color:#595757 }
.darkgray2, .darkgray2:visited { color:#404040 }
.whitesmoke, .whitesmoke:visited { color:#efefef }
.white, .white:visited { color:#ffffff !important}
.crimson, .crimson:visited { color:#68af68 } 
.red, .red:visited {color:#e02511 }
.tomato, .tomato:visited { color:#e84c3d }
.oranged, .oranged:visited { color:#ff4500 }
.yellow, .yellow:visited { color:#f39c11 }
.blue, .blue:visited {color:#476ca3 }

.theme-black, .theme-black:visited { background:#000000 }
.theme-dimgray, .theme-dimgray:visited { background:#5e5e5e }
.theme-gray, .theme-gray:visited { background:#808080 }
.theme-lightsegray, .theme-lightsegray:visited { background:#c9caca }
.theme-lightsegray2, .theme-lightsegray2:visited { background:#9fa0a0 }
.theme-darkgray, .theme-darkgray:visited { background:#595757 }
.theme-darkgray2, .theme-darkgray2:visited { background:#404040 }
.theme-whitesmoke, .theme-whitesmoke:visited { background:#efefef }
.theme-white, .theme-white:visited { background:#ffffff !important}
.theme-crimson, .theme-crimson:visited { background:#e03725 } 
.theme-red, .theme-red:visited {background:#e02511 }
.theme-tomato , .theme-tomato:visited { background:#e84c3d }
.theme-oranged, .theme-oranged:visited { background:#ff4500 }
.theme-oranged2, .theme-oranged2:visited { background:#f39c11 }
.theme-blue, .theme-blue:visited { background:#476ca3 }


/*아이콘설정*/
@font-face{	font-family:'icomoon';	src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix')format('embedded-opentype'),url('../fonts/icomoon.woff')format('woff'),url('../fonts/icomoon.ttf')format('truetype'),url('../fonts/icomoon.svg#icomoon')format('svg');font-weight:normal;font-style:normal}
[class^="icon-"],[class*="icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-search:before{content:"\e786"}.icon-heart:before{content:"\e75c"}.icon-heart2:before{content:"\e75d"}.icon-stats:before{content:"\e645"}.icon-star:before{content:"\e74e"}.icon-star2:before{content:"\e74f"}.icon-star3:before{content:"\e75e"}.icon-play:before{content:"\e67c"}.icon-play2:before{content:"\e681"}.icon-play3:before{content:"\e7bb"}
.icon-lightning:before {content: "\e764";}