@charset "utf-8";
/*@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://webfontworld.github.io/gmarket/GmarketSans.css);


html { overflow-y:scroll; }
body { margin:0;padding:0; font-family:'Noto Sans KR', sans-serif; font-style:normal; font-weight:350; letter-spacing: -0.3px; overflow-x:hidden; /*font-family:'Nanum Square',dotum*/ }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
::selection { background: #98c1fa; color: #fff; text-shadow: none;}

/* basic elements */
a { text-decoration: none; }
a:link { text-decoration: none; }
ul,
dl,
dt,
dd { padding:0; margin:0; }
ul,ol{ margin:0}
li { list-style:none; }
ol{ padding:0 0 0 24px}
ol li{ list-style: decimal; }
dt,
dd { float:left; line-height:160%; }
dt { color: #999999; margin-right:4px;clear:left; }
em { font-style: normal; font-weight: bold; color: #cc0000; }
hr { border: 0 solid #cfcfcf; border-width:1px 0 0; }
hr.clear { clear:both; border:0; color:#FFFFFF; margin:0 }
hr.gutter{ display:block; height:10px}
hr.seperate{ clear:both; height: 7px; margin:4px 0; border:0; outline:none; width:100%; color:#FFFFFF; display:block; background-image: url(/image/solution/hr_spt.png); background-repeat: repeat-x; zoom:1; position:relative;}
img,
a img,
input[type=image] { border-style: none; }
.ir a { display:block; width:100%; height:100%; text-decoration:none; }
.ir a:hover,
.ir a:active { text-decoration:none; }
.ir span { position:relative; z-index:-1; overflow:hidden; display:none }
html *.ir span { font-size:.5em; } /* IE */
.inline li,
.inlinebox div{display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; vertical-align:top}
.relative{position:relative}
img.center{ margin:0 auto; display:block}
ul.center{text-align:center}
.left{float:left}
.right{float:right}
.clearRight{ clear:right}
.first { margin-left:0!important; padding-left:0!important; background:none!important }
p.first { margin-top:0 }
.blind { visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 }
.show { display:block; width:auto; height:auto }
.bx { border:1px solid #bdbdbd;}
.box { border:3px solid #b3b3b3; padding:10px; }
/* list */
ul.default li { padding:0 0 0 12px; margin:0 0 10px 0; background-image: url(../image/li_default.png); background-repeat: no-repeat; background-position: left .6em; }
/* paragraph */
.align_center{text-align:center}
.align_alt { text-align:right }
.sideimage { float: left; margin: 0 20px 20px 0; }
.paragraph { overflow: hidden; }
#content ul.default{ padding:0 0 0 12px}
#content td ul.default{ padding:0}
/* table */
table.default { width:100%; margin:2px auto; border-collapse:collapse; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb }
.default summary,
.default caption { display:none }
.default th,
.default td { padding:10px 1rem; border-top:1px solid #dbdbdb;/* border-width:0 1px 1px 1px;*/ }
.center td,
tr.center td { text-align:center }
.default li { text-align:left }
.default thead th { background-color:#f7f7f7; color:#555555; border-color:#dbdbdb }
.default tbody th { background-color:#fbfbfb;}
/* Forms*/
form,
fieldset { padding:0; margin:0; border:0 none; }
input,
button,
select,
button *.button_area *,
input+a,
input+a img { /*vertical-align:middle;*/ }
input,
select,
textarea,
button { font-size:1em!important; font-family: sans-serif; }
ed,
input[type=text],
input[type=password],
textarea { border: 1px solid #bdbdbd; padding:2px; }
input[type=button] { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
background: #386da3; border: 1px solid #255484; padding:4px 6px; margin:0 4px 0 0; line-height:1em; _padding:10px 4px 2px; cursor:pointer; outline:none; color: #FFFFFF; }
button.imgbutton{ background:none; border:0 none;}
.button_area{ text-align: center; padding:10px 0;}
.button,
.button_area a,
.button_area button,
input[type=button],
input[type=submit]
{display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; border: 1px solid #d1d1d1; padding:4px 6px;  line-height:1.3em; _padding:10px 4px 2px; cursor:pointer; outline:none; color: #707070; background-color: #FFFFFF; background-image: url(/image/btn_default.png); background-repeat:repeat-x; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#efefef')";/* IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#efefef');/* For IE 5.5 - 7 */ border-radius:3px }
.transition{-webkit-transition: all .25s ease .1s;
 -moz-transition: all .25s ease .1s;
 -o-transition: all .25s ease .1s;
 -ms-transition: all .25s ease .1s;
 transition: all .25s ease .1s;}
.hide {display: none!important}

#pop_main_backdrop { z-index:99999;display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000000; opacity: 0.88; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60); cursor:pointer; }
#pop_main_body { z-index:99999; display:none; position: fixed; top:50%; left:50%; cursor:pointer; }
#pop_main_body2 { z-index:99999; display:none; position: fixed; top: 50%; left: 50%; cursor: pointer; height: 500px; width: 310px; margin-top: -250px; margin-left: -155px;}
#pop_backdrop { z-index:99999;display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:black; opacity: 0.7; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60); cursor:pointer; }
#pop_body { z-index:99999; display:none; position: fixed; top:50%; left:50%; cursor:pointer; }


.board_type_webzine{width:100%; border-top:1px solid #ddd;}
.board_type_webzine li{ width:100%; border-bottom:1px solid #ddd; padding:15px; box-sizing:border-box; height:140px; position:relative;}
.board_type_webzine li:after{display:block; content:""; clear:both;}
.board_type_webzine li:hover{background:#f7fafc}
.board_type_webzine li.list_img{}
.board_type_webzine li.list_img .txt{ width:100%; padding-left:150px; box-sizing:border-box;}
.board_type_webzine li .thum{width:124px; float:left; border:1px solid #c6c6c6; position:absolute; left:15px; top:15px; padding:5px; background:#fff;}
.board_type_webzine li .txt{float:left; width:100%;}
.board_type_webzine li .txt .title{font-size:13px; margin-bottom:8px; position:relative; padding-right:20px; box-sizing:border-box;}
.board_type_webzine li .txt .title .text-overflow{display:inline-block}
.board_type_webzine li .txt .title input{vertical-align:top; margin-top:3px;}
.board_type_webzine li .txt .title strong{vertical-align:top;}
.board_type_webzine li .txt .title .icon_favorite{position:absolute; right:0; top:5px;}
.board_type_webzine li .txt .cont{font-size:13px; font-weight:300; margin-bottom:8px;}
.board_type_webzine li .txt .info{font-size:12px; color:#777; font-weight:300;}
.board_type_webzine li .txt .info:after{display:block; content:""; clear:both;}
.board_type_webzine li .txt .info .info_left{float:left}

.top_fix { position:relative; overflow:hidden; z-index:9999; padding-bottom:2px; background-color:#fff; width:100% }